Files
Mav-Mobile-UI/src/context/providers/SightingFeedProvider.tsx

57 lines
1.2 KiB
TypeScript

import { useState, type ReactNode } from "react";
import { useSightingFeed } from "../../hooks/useSightingFeed";
import { SightingFeedContext } from "../SightingFeedContext";
type SightingFeedProviderProps = {
url?: string | undefined;
children: ReactNode;
side?: string | undefined;
};
export const SightingFeedProvider = ({
children,
url,
side,
}: SightingFeedProviderProps) => {
const {
sightings,
selectedRef,
setSelectedRef,
data,
isLoading,
isError,
setSelectedSighting,
selectedSighting,
mostRecent,
sessionList,
sessionStarted,
setSessionStarted,
} = useSightingFeed(url);
const [isSightingModalOpen, setSightingModalOpen] = useState(false);
return (
<SightingFeedContext.Provider
value={{
sightings,
selectedRef,
setSelectedRef,
setSelectedSighting,
selectedSighting,
setSightingModalOpen,
isSightingModalOpen,
mostRecent,
isError,
isLoading,
side,
data,
sessionList,
sessionStarted,
setSessionStarted,
}}
>
{children}
</SightingFeedContext.Provider>
);
};