43 lines
821 B
TypeScript
43 lines
821 B
TypeScript
|
import type { ReactNode } from "react";
|
||
|
|
import { useSightingFeed } from "../../hooks/useSightingFeed";
|
||
|
|
import { SightingFeedContext } from "../SightingFeedContext";
|
||
|
|
|
||
|
|
type SightingFeedProviderProps = {
|
||
|
|
url: string;
|
||
|
|
children: ReactNode;
|
||
|
|
side: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const SightingFeedProvider = ({
|
||
|
|
children,
|
||
|
|
url,
|
||
|
|
side,
|
||
|
|
}: SightingFeedProviderProps) => {
|
||
|
|
const {
|
||
|
|
sightings,
|
||
|
|
selectedRef,
|
||
|
|
setSelectedRef,
|
||
|
|
effectiveSelected,
|
||
|
|
mostRecent,
|
||
|
|
isPending,
|
||
|
|
noSighting,
|
||
|
|
} = useSightingFeed(url);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<SightingFeedContext.Provider
|
||
|
|
value={{
|
||
|
|
sightings,
|
||
|
|
selectedRef,
|
||
|
|
setSelectedRef,
|
||
|
|
effectiveSelected,
|
||
|
|
mostRecent,
|
||
|
|
side,
|
||
|
|
isPending,
|
||
|
|
noSighting,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</SightingFeedContext.Provider>
|
||
|
|
);
|
||
|
|
};
|