From 885e8d8721d4962e5eeb2879f30fb77819b72fcb Mon Sep 17 00:00:00 2001
From: Sjoerd <svink@graphpolaris.com>
Date: Mon, 11 Nov 2024 21:19:14 +0000
Subject: [PATCH] fix: remove selection panel when visualization closes

---
 libs/shared/lib/vis/components/VisualizationPanel.tsx  | 2 +-
 libs/shared/lib/vis/components/VisualizationTabBar.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/libs/shared/lib/vis/components/VisualizationPanel.tsx b/libs/shared/lib/vis/components/VisualizationPanel.tsx
index b84ba8f6b..506a38c79 100644
--- a/libs/shared/lib/vis/components/VisualizationPanel.tsx
+++ b/libs/shared/lib/vis/components/VisualizationPanel.tsx
@@ -136,7 +136,7 @@ export const VisualizationPanel = ({ fullSize }: { fullSize: () => void }) => {
           </div>
         )}
       </div>
-      <VisualizationTabBar fullSize={fullSize} exportImage={exportImage} />
+      <VisualizationTabBar fullSize={fullSize} exportImage={exportImage} handleSelect={handleSelect} />
     </div>
   );
 };
diff --git a/libs/shared/lib/vis/components/VisualizationTabBar.tsx b/libs/shared/lib/vis/components/VisualizationTabBar.tsx
index b186aebf8..0cd76eaa1 100644
--- a/libs/shared/lib/vis/components/VisualizationTabBar.tsx
+++ b/libs/shared/lib/vis/components/VisualizationTabBar.tsx
@@ -7,7 +7,7 @@ import { useActiveSaveState, useActiveSaveStateAuthorization, useAppDispatch, us
 import { addVisualization, removeVisualization, reorderVisState, setActiveVisualization } from '../../data-access/store/visualizationSlice';
 import { Visualizations } from './VisualizationPanel';
 
-export default function VisualizationTabBar(props: { fullSize: () => void; exportImage: () => void }) {
+export default function VisualizationTabBar(props: { fullSize: () => void; exportImage: () => void; handleSelect: () => void }) {
   const { activeVisualizationIndex, openVisualizationArray } = useVisualization();
   const saveStateAuthorization = useActiveSaveStateAuthorization();
   const [open, setOpen] = useState(false);
@@ -34,6 +34,7 @@ export default function VisualizationTabBar(props: { fullSize: () => void; expor
 
   const onDelete = (id: number) => {
     dispatch(removeVisualization(id));
+    props.handleSelect();
   };
 
   useEffect(() => {
-- 
GitLab