From 1e84b4ec0ee4e8169199ec892d1f2f47fe6c1de5 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Sun, 8 Jun 2025 14:36:48 +0300
Subject: [PATCH] remove context/date.tsx

---
 .../web/app/(main)/profile/schedule/layout.tsx |  8 +++++---
 apps/web/components/schedule/calendar.tsx      |  6 +++---
 .../schedule/day-slots-list/index.tsx          |  6 +++---
 apps/web/context/date.tsx                      | 18 ------------------
 4 files changed, 11 insertions(+), 27 deletions(-)
 delete mode 100644 apps/web/context/date.tsx

diff --git a/apps/web/app/(main)/profile/schedule/layout.tsx b/apps/web/app/(main)/profile/schedule/layout.tsx
index 122fb0f..b414d58 100644
--- a/apps/web/app/(main)/profile/schedule/layout.tsx
+++ b/apps/web/app/(main)/profile/schedule/layout.tsx
@@ -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>;
 }
diff --git a/apps/web/components/schedule/calendar.tsx b/apps/web/components/schedule/calendar.tsx
index e958cde..08f565c 100644
--- a/apps/web/components/schedule/calendar.tsx
+++ b/apps/web/components/schedule/calendar.tsx
@@ -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
diff --git a/apps/web/components/schedule/day-slots-list/index.tsx b/apps/web/components/schedule/day-slots-list/index.tsx
index a432993..9e24619 100644
--- a/apps/web/components/schedule/day-slots-list/index.tsx
+++ b/apps/web/components/schedule/day-slots-list/index.tsx
@@ -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 } },
   });
diff --git a/apps/web/context/date.tsx b/apps/web/context/date.tsx
deleted file mode 100644
index 8baceff..0000000
--- a/apps/web/context/date.tsx
+++ /dev/null
@@ -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>;
-}