remove context/date.tsx
This commit is contained in:
parent
f4609eb8d1
commit
1e84b4ec0e
@ -1,6 +1,8 @@
|
||||
import { DateContextProvider } from '@/context/date';
|
||||
'use client';
|
||||
|
||||
import { DateTimeStoreProvider } from '@/stores/datetime';
|
||||
import { type PropsWithChildren } from 'react';
|
||||
|
||||
export default async function Layout({ children }: Readonly<PropsWithChildren>) {
|
||||
return <DateContextProvider>{children}</DateContextProvider>;
|
||||
export default function Layout({ children }: Readonly<PropsWithChildren>) {
|
||||
return <DateTimeStoreProvider>{children}</DateTimeStoreProvider>;
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
'use client';
|
||||
|
||||
import { DateContext } from '@/context/date';
|
||||
import { useDateTimeStore } from '@/stores/datetime';
|
||||
import { Calendar } from '@repo/ui/components/ui/calendar';
|
||||
import dayjs from 'dayjs';
|
||||
import { use } from 'react';
|
||||
|
||||
export function ScheduleCalendar() {
|
||||
const { selectedDate, setSelectedDate } = use(DateContext);
|
||||
const selectedDate = useDateTimeStore((store) => store.date);
|
||||
const setSelectedDate = useDateTimeStore((store) => store.setDate);
|
||||
|
||||
return (
|
||||
<Calendar
|
||||
|
||||
@ -2,13 +2,13 @@
|
||||
|
||||
import { DaySlotAddForm } from './day-slot-add-form';
|
||||
import { SlotCard } from './slot-card';
|
||||
import { DateContext } from '@/context/date';
|
||||
import { useSlotsQuery } from '@/hooks/api/slots';
|
||||
import { useDateTimeStore } from '@/stores/datetime';
|
||||
import { LoadingSpinner } from '@repo/ui/components/ui/spinner';
|
||||
import { use } from 'react';
|
||||
|
||||
export function DaySlotsList() {
|
||||
const { selectedDate } = use(DateContext);
|
||||
const selectedDate = useDateTimeStore((store) => store.date);
|
||||
|
||||
const { data: { slots } = {}, isLoading } = useSlotsQuery({
|
||||
filters: { date: { eq: selectedDate } },
|
||||
});
|
||||
|
||||
@ -1,18 +0,0 @@
|
||||
'use client';
|
||||
|
||||
import { createContext, useMemo, useState } from 'react';
|
||||
|
||||
type ContextType = {
|
||||
selectedDate: Date;
|
||||
setSelectedDate: (date: Date) => void;
|
||||
};
|
||||
|
||||
export const DateContext = createContext<ContextType>({} as ContextType);
|
||||
|
||||
export function DateContextProvider({ children }: { readonly children: React.ReactNode }) {
|
||||
const [selectedDate, setSelectedDate] = useState(new Date());
|
||||
|
||||
const value = useMemo(() => ({ selectedDate, setSelectedDate }), [selectedDate]);
|
||||
|
||||
return <DateContext value={value}>{children}</DateContext>;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user