fix: Disable tab actions when layouting

visualize-admin · Dec 6, 2023 · 42c3b2b · 42c3b2b
1 parent feb3e00
commit 42c3b2b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/components/chart-selection-tabs.tsx b/app/components/chart-selection-tabs.tsx
@@ -110,6 +110,7 @@ type TabsEditableProps = {
 const TabsEditable = (props: TabsEditableProps) => {
   const { state, chartConfig, data } = props;
   const [, dispatch] = useConfiguratorState();
+  const isConfiguringChart = isConfiguring(state);
   const locale = useLocale();
   const [tabsState, setTabsState] = useTabsState();
   const [popoverAnchorEl, setPopoverAnchorEl] =
@@ -133,8 +134,8 @@ const TabsEditable = (props: TabsEditableProps) => {
     <>
       <TabsInner
         data={data}
-        addable={state.state === "CONFIGURING_CHART"}
-        editable
+        addable={isConfiguringChart}
+        editable={isConfiguringChart}
         draggable={state.chartConfigs.length > 1}
         onChartAdd={(e) => {
           setPopoverAnchorEl(e.currentTarget);