feat: handle resizes

icssc · Nov 21, 2024 · c790cac · c790cac
1 parent 2acf533
commit c790cac
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/apps/antalmanac/src/routes/Home.tsx b/apps/antalmanac/src/routes/Home.tsx
@@ -1,7 +1,7 @@
 import DateFnsUtils from '@date-io/date-fns';
 import { MuiPickersUtilsProvider } from '@material-ui/pickers';
 import { CssBaseline, useMediaQuery, useTheme, Stack } from '@mui/material';
-import { useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import Split from 'react-split';
 
 import Calendar from '$components/Calendar/CalendarRoot';
@@ -27,15 +27,25 @@ function DesktopHome() {
 
     const scheduleManagementRef = useRef<HTMLDivElement>();
 
-    const handleDrag = () => {
+    const handleDrag = useCallback(() => {
         const scheduleManagementElement = scheduleManagementRef.current;
         if (!scheduleManagementElement) {
             return;
         }
 
         const elementWidth = scheduleManagementElement.getBoundingClientRect().width;
         setScheduleManagementWidth(elementWidth);
-    };
+    }, [setScheduleManagementWidth]);
+
+    useEffect(() => {
+        handleDrag();
+
+        window.addEventListener('resize', handleDrag);
+
+        return () => {
+            window.removeEventListener('resize', handleDrag);
+        };
+    }, [handleDrag]);
 
     return (
         <>