From 3c9cd9218db92a9d333c01e49622f341945ca274 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 11 Apr 2023 22:09:56 +0200
Subject: [PATCH] fix script explorer

---
 .../lib/components/apps/editor/SettingsPanel.svelte    |  2 +-
 .../editor/inlineScriptsPanel/EmptyInlineScript.svelte |  2 +-
 .../inlineScriptsPanel/InlineScriptsPanel.svelte       | 10 ++++++++--
 .../triggerLists/TriggerBadgesList.svelte              |  3 +--
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/SettingsPanel.svelte b/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
index af2ada07f7..8bab2ca684 100644
--- a/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/SettingsPanel.svelte
@@ -107,7 +107,7 @@
 					bind:inlineScript={hiddenInlineScript.script.inlineScript}
 				/>
 			{:else}
-				<span class="text-gray-600 text-xs">No hiddenInlineScript.script defined</span>
+				<span class="text-gray-600 text-xs">No script defined</span>
 			{/if}
 		</div>
 		{#if Object.keys(hiddenInlineScript.script.fields).length > 0}
diff --git a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/EmptyInlineScript.svelte b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/EmptyInlineScript.svelte
index 721da28f2f..5eb2272998 100644
--- a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/EmptyInlineScript.svelte
+++ b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/EmptyInlineScript.svelte
@@ -150,7 +150,7 @@
 				startIcon={{ icon: faCodeBranch }}
 				btnClasses="truncate"
 			>
-				fork a detached script
+				Copy a script
 			</Button>
 			<Button
 				on:click={() => dispatch('delete')}
diff --git a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte
index 2937faefd2..8677fdda48 100644
--- a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte
@@ -14,8 +14,14 @@
 
 	function deleteBackgroundScript(index: number) {
 		// remove the script from the array at the index
-		$app.hiddenInlineScripts.splice(index, 1)
-		$app.hiddenInlineScripts = [...$app.hiddenInlineScripts]
+		if ($app.hiddenInlineScripts.length - 1 == index) {
+			$app.hiddenInlineScripts.splice(index, 1)
+			$app.hiddenInlineScripts = [...$app.hiddenInlineScripts]
+		} else {
+			$app.hiddenInlineScripts[index].inlineScript = undefined
+			$app.hiddenInlineScripts[index].name = `Background Script ${index}`
+			$app.hiddenInlineScripts = $app.hiddenInlineScripts
+		}
 
 		delete $runnableComponents[`bg_${index}`]
 	}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/triggerLists/TriggerBadgesList.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/triggerLists/TriggerBadgesList.svelte
index 0c908cf8a2..e5051713f9 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/triggerLists/TriggerBadgesList.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/triggerLists/TriggerBadgesList.svelte
@@ -14,7 +14,6 @@
 	export let recomputeOnInputChanged: boolean = false
 
 	const colors = {
-		red: 'text-red-800 border-red-600 bg-red-100',
 		green: 'text-green-800 border-green-600 bg-green-100',
 		indigo: 'text-indigo-800 border-indigo-600 bg-indigo-100',
 		blue: 'text-blue-800 border-blue-600 bg-blue-100'
@@ -159,7 +158,7 @@
 			</div>
 			<div class="flex flex-row gap-2 flex-wrap">
 				{#each frontendDependencies as label, index}
-					<span class={classNames(badgeClass, colors['red'])}>
+					<span class={classNames(badgeClass, colors['blue'])}>
 						{label}
 						<button
 							on:click={() => deleteDep(index)}