From 62f049c1d34bda98ef0edc5659bb95a067fbb278 Mon Sep 17 00:00:00 2001
From: Rebe R <36491300+rebecarubio@users.noreply.github.com>
Date: Wed, 22 Nov 2023 13:26:15 +0100
Subject: [PATCH] close pane when url changes

---
 src/utils/panes/index.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/utils/panes/index.tsx b/src/utils/panes/index.tsx
index 22a25de594..1403d58b2b 100644
--- 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={{