Page breaking fixes

2024-11-12 16:03:55 +05:30
parent cb122e1585
commit 705a1c4b24
5 changed files with 7 additions and 3 deletions
@@ -0,0 +1,37 @@
+import { createContext, useState, useEffect } from 'react';
+export const Context = createContext();
+
+export const AppContext =(props) => {
+
+    // Left side bar global states
+    const [searchBarModalOpen, setSearchBarModalOpen] = useState(false);
+    const [leftSideBarOpenByClick, setLeftSideBarOpenByClick] = useState(false);
+    const [windowWidth, setWindowWidth] = useState(window.innerWidth);
+
+
+    //Calculate window width
+    useEffect(() => {
+        const handleResize = () => {
+            setWindowWidth(window?.innerWidth);
+        };
+
+        window.addEventListener('resize', handleResize);
+
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+
+
+    return (
+        <Context.Provider value={{
+            searchBarModalOpen,
+            setSearchBarModalOpen,
+            leftSideBarOpenByClick,
+            setLeftSideBarOpenByClick,
+            windowWidth
+        }}>
+            {props.children}
+        </Context.Provider>
+    )
+}