From d3dfca9a4fc505f20f92a1309de2481c27d09b53 Mon Sep 17 00:00:00 2001
From: Milan Paunovic <milan.paunovic@visit.com>
Date: Sun, 20 Oct 2024 13:50:23 +0200
Subject: [PATCH] Offset starting minutes to now

---
 components/pages/calendar/EventCalendar.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/components/pages/calendar/EventCalendar.tsx b/components/pages/calendar/EventCalendar.tsx
index 2f1fea8..c5735ab 100644
--- a/components/pages/calendar/EventCalendar.tsx
+++ b/components/pages/calendar/EventCalendar.tsx
@@ -17,16 +17,23 @@ interface EventCalendarProps {
     calendarHeight: number;
 }
 
+const getTotalMinutes = () => {
+    const date = new Date();
+    return Math.abs(date.getUTCHours() * 60 + date.getUTCMinutes() - 200);
+}
+
 export const EventCalendar: React.FC<EventCalendarProps> = React.memo(({calendarHeight}) => {
     const {data: events, isLoading} = useGetEvents();
     const {profileData} = useAuthContext();
     const [selectedDate, setSelectedDate] = useAtom(selectedDateAtom);
     const [mode, setMode] = useAtom(modeAtom);
+
     const setEditVisible = useSetAtom(editVisibleAtom);
     const setEventForEdit = useSetAtom(eventForEditAtom);
     const setSelectedNewEndDate = useSetAtom(selectedNewEventDateAtom);
 
     const [isRendering, setIsRendering] = useState(true);
+    const [offsetMinutes, setOffsetMinutes] = useState(getTotalMinutes())
 
     useEffect(() => {
         if (events && mode) {
@@ -76,6 +83,10 @@ export const EventCalendar: React.FC<EventCalendarProps> = React.memo(({calendar
 
     const memoizedEvents = useMemo(() => events ?? [], [events]);
 
+    useEffect(() => {
+        setOffsetMinutes(getTotalMinutes())
+    }, [events, mode]);
+
     if (isLoading || isRendering) {
         return (
             <View style={styles.loadingContainer}>
@@ -84,6 +95,8 @@ export const EventCalendar: React.FC<EventCalendarProps> = React.memo(({calendar
         );
     }
 
+    console.log(offsetMinutes)
+
     return (
         <Calendar
             bodyContainerStyle={styles.calHeader}
@@ -100,6 +113,7 @@ export const EventCalendar: React.FC<EventCalendarProps> = React.memo(({calendar
             onPressCell={handlePressCell}
             headerContentStyle={memoizedHeaderContentStyle}
             onSwipeEnd={handleSwipeEnd}
+            scrollOffsetMinutes={offsetMinutes}
         />
     );
 });