Merge pull request #1659 from zetkin/issue-1610/calendar-filter

Issue-1610/ Fix pane when url changes
zetkin · Nov 22, 2023 · 0ab1f71 · 0ab1f71
2 parents 96c5f59 + 62f049c
commit 0ab1f71
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/utils/panes/index.tsx b/src/utils/panes/index.tsx
@@ -1,10 +1,12 @@
 import { makeStyles } from '@mui/styles';
+import { useRouter } from 'next/router';
 import { Box, Paper, Slide } from '@mui/material';
 import {
   createContext,
   FC,
   ReactNode,
   useContext,
+  useEffect,
   useRef,
   useState,
 } from 'react';
@@ -57,10 +59,15 @@ export const PaneProvider: FC<PaneProviderProps> = ({
   const [open, setOpen] = useState(false);
   const styles = useStyles();
   const [key, setKey] = useState(0);
+  const { pathname } = useRouter();
 
   const { paneContainerRef, slideRef, updatePaneHeight } =
     useResizablePane(fixedHeight);
 
+  useEffect(() => {
+    setOpen(false);
+  }, [pathname]);
+
   return (
     <PaneContext.Provider
       value={{