From cf1bc4e3e9cde2b0d54a025a4bd9304c1b272ae0 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 23 Feb 2023 21:01:47 +0100
Subject: [PATCH] fix(frontend): containers and tab fixes v1

---
 .../apps/editor/settingsPanel/ComponentPanel.svelte       | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
index c35e139407..11e6f87e18 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
@@ -30,7 +30,8 @@
 
 	export let component: AppComponent | undefined
 	export let rowColumns = false
-	export let gridItems: GridItem[]
+	export let gridItems: GridItem[] | undefined = undefined
+	export let onDelete: (() => void) | undefined = undefined
 
 	const { app, staticOutputs, runnableComponents, selectedComponent, worldStore, focusedGrid } =
 		getContext<AppEditorContext>('AppEditorContext')
@@ -63,7 +64,9 @@
 	function removeGridElement() {
 		$selectedComponent = undefined
 		if (component) {
-			gridItems = gridItems.filter((gridComponent) => gridComponent.data.id !== component?.id)
+			if (gridItems) {
+				gridItems = gridItems.filter((gridComponent) => gridComponent.data.id !== component?.id)
+			}
 
 			delete $staticOutputs[component.id]
 			$staticOutputs = $staticOutputs
@@ -89,6 +92,7 @@
 				}
 			}
 		}
+		onDelete?.()
 	}
 
 	$: extraLib =