fix(core): split view reordering crash

toeverything · Dec 31, 2024 · 127bb68 · 127bb68
1 parent 597b631
commit 127bb68
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/packages/frontend/core/src/modules/workbench/view/split-view/split-view.tsx b/packages/frontend/core/src/modules/workbench/view/split-view/split-view.tsx
@@ -50,6 +50,8 @@ export const SplitView = ({
   const { appSettings } = useAppSettingHelper();
   const workbench = useService(WorkbenchService).workbench;
 
+  const [visible, setVisibility] = useState(true);
+
   const sensors = useSensors(
     useSensor(
       PointerSensor,
@@ -102,7 +104,15 @@ export const SplitView = ({
         const fromIndex = views.findIndex(v => v.id === active.id);
         const toIndex = views.findIndex(v => v.id === over?.id);
         onMove?.(fromIndex, toIndex);
+        setVisibility(false);
+        const timeoutId = setTimeout(() => {
+          setVisibility(true);
+        });
+        return () => {
+          clearTimeout(timeoutId);
+        };
       }
+      return;
     },
     [onMove, views]
   );
@@ -121,11 +131,13 @@ export const SplitView = ({
         onDragEnd={handleDragEnd}
       >
         <SortableContext items={views} strategy={horizontalListSortingStrategy}>
-          {views.map((view, index) => (
-            <SplitViewPanel view={view} key={view.id} setSlots={setSlots}>
-              {resizeHandleRenderer(view, index)}
-            </SplitViewPanel>
-          ))}
+          {views.map((view, index) =>
+            visible ? (
+              <SplitViewPanel view={view} key={view.id} setSlots={setSlots}>
+                {resizeHandleRenderer(view, index)}
+              </SplitViewPanel>
+            ) : null
+          )}
         </SortableContext>
       </DndContext>