From 164cdaf09464646dee4e70a699222a454eb0d898 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sun, 10 Sep 2023 00:36:11 +0200
Subject: [PATCH] fix: fix field duplicate in app background settings

---
 .../apps/editor/SettingsPanel.svelte          | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/SettingsPanel.svelte b/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
index 5fc3571cc2..f7eb58f6be 100644
--- a/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
@@ -81,23 +81,25 @@
 	{/key}
 {:else if hiddenInlineScript}
 	{@const id = BG_PREFIX + hiddenInlineScript.index}
-	<BackgroundScriptSettings bind:runnable={hiddenInlineScript.script} {id} />
+	{#key id}
+		<BackgroundScriptSettings bind:runnable={hiddenInlineScript.script} {id} />
 
-	{#if Object.keys(hiddenInlineScript.script.fields ?? {}).length > 0}
-		<div class="mb-8">
-			<PanelSection title={`Inputs`}>
-				{#key $stateId}
-					<InputsSpecsEditor
-						displayType
-						{id}
-						shouldCapitalize={false}
-						bind:inputSpecs={hiddenInlineScript.script.fields}
-						userInputEnabled={false}
-					/>
-				{/key}
-			</PanelSection>
-		</div>
-	{/if}
-	<Recompute bind:recomputeIds={hiddenInlineScript.script.recomputeIds} ownId={id} />
-	<div class="grow shrink" />
+		{#if Object.keys(hiddenInlineScript.script.fields ?? {}).length > 0}
+			<div class="mb-8">
+				<PanelSection title={`Inputs`}>
+					{#key $stateId}
+						<InputsSpecsEditor
+							displayType
+							{id}
+							shouldCapitalize={false}
+							bind:inputSpecs={hiddenInlineScript.script.fields}
+							userInputEnabled={false}
+						/>
+					{/key}
+				</PanelSection>
+			</div>
+		{/if}
+		<Recompute bind:recomputeIds={hiddenInlineScript.script.recomputeIds} ownId={id} />
+		<div class="grow shrink" />
+	{/key}
 {/if}