From 1d5ce2c2ba57911d39fe1a1b871ea12053f79fd6 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 23 Feb 2023 22:14:23 +0100
Subject: [PATCH] fix binding

---
 .../components/apps/components/layout/AppTabs.svelte | 12 +++++++++++-
 .../lib/components/apps/editor/SettingsPanel.svelte  |  4 ++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/layout/AppTabs.svelte b/frontend/src/lib/components/apps/components/layout/AppTabs.svelte
index 65dbc76f8d..a337895471 100644
--- a/frontend/src/lib/components/apps/components/layout/AppTabs.svelte
+++ b/frontend/src/lib/components/apps/components/layout/AppTabs.svelte
@@ -17,7 +17,7 @@
 	const { worldStore, focusedGrid, selectedComponent } =
 		getContext<AppEditorContext>('AppEditorContext')
 
-	let tabs: string[]
+	let tabs: string[] | undefined = undefined
 	let gridContent: string[] | undefined = undefined
 	let selected: string = ''
 	let noPadding: boolean | undefined = undefined
@@ -46,6 +46,16 @@
 		}
 	}
 
+	let previousTabs: string[] | undefined = tabs
+	$: {
+		if (tabs && previousTabs && tabs.length < previousTabs.length) {
+			let missingTabIndex = tabs.findIndex((tab) => !previousTabs?.includes(tab))
+		} else if ((tabs?.length ?? 0) > (previousTabs?.length ?? 0)) {
+			// subGrids = [...(subGrids ?? []), []]
+		}
+		previousTabs = tabs
+	}
+
 	$: $selectedComponent === id && selectedIndex >= 0 && onFocus()
 </script>
 
diff --git a/frontend/src/lib/components/apps/editor/SettingsPanel.svelte b/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
index d2a0fcda6c..cb2fea28cd 100644
--- a/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
@@ -5,10 +5,10 @@
 	import InputsSpecsEditor from './settingsPanel/InputsSpecsEditor.svelte'
 	import SettingsPanelRec from './SettingsPanelRec.svelte'
 
-	const { selectedComponent, lazyGrid, app } = getContext<AppEditorContext>('AppEditorContext')
+	const { selectedComponent, app } = getContext<AppEditorContext>('AppEditorContext')
 </script>
 
-<SettingsPanelRec bind:gridItems={$lazyGrid} />
+<SettingsPanelRec bind:gridItems={$app.grid} />
 
 {#each $app?.hiddenInlineScripts ?? [] as script, index (script.name)}
 	{#if $selectedComponent === `bg_${index}`}