From 02473dcf682097403edb329947bdf89e3ae33cec Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 24 Jan 2024 23:49:54 +0100
Subject: [PATCH] fix select in table default value

---
 .../apps/components/display/table/AppTable.svelte           | 2 ++
 .../lib/components/apps/components/inputs/AppSelect.svelte  | 3 ++-
 .../apps/editor/settingsPanel/TableActions.svelte           | 2 +-
 frontend/src/lib/components/apps/types.ts                   | 6 +++++-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/table/AppTable.svelte b/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
index 52e7fab001..3da1f111d9 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
@@ -585,6 +585,7 @@
 															{:else if actionButton.type == 'selectcomponent'}
 																<div class="w-40">
 																	<AppSelect
+																		noDefault
 																		noInitialize
 																		extraKey={'idx' + rowIndex}
 																		{render}
@@ -631,6 +632,7 @@
 														{:else if actionButton.type == 'selectcomponent'}
 															<div class="w-40">
 																<AppSelect
+																	noDefault
 																	noInitialize
 																	--font-size="10px"
 																	extraKey={'idx' + rowIndex}
diff --git a/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
index a366961326..4f3d6700ac 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
@@ -33,6 +33,7 @@
 	export let noInitialize = false
 	export let controls: { left: () => boolean; right: () => boolean | string } | undefined =
 		undefined
+	export let noDefault = false
 
 	const {
 		app,
@@ -68,7 +69,7 @@
 		result: undefined as string | undefined
 	})
 
-	let value: string | undefined = outputs?.result.peak()
+	let value: string | undefined = noDefault ? undefined : outputs?.result.peak()
 
 	$: resolvedConfig.items && handleItems()
 
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/TableActions.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/TableActions.svelte
index 8a27941fed..ba5986331b 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/TableActions.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/TableActions.svelte
@@ -47,7 +47,7 @@
 		<div
 			class={classNames(
 				'w-full text-xs font-bold gap-1 truncate py-1.5 px-2 cursor-pointer transition-all justify-between flex items-center border border-gray-3 rounded-md',
-				'bg-surface border-gray-300  hover:bg-gray-100 focus:bg-gray-100 text-secondary',
+				'bg-surface hover:bg-tertiary focus:border-primary text-secondary',
 				$selectedComponent?.includes(component.id) ? 'outline outline-blue-500 bg-red-400' : ''
 			)}
 			on:click={() => {
diff --git a/frontend/src/lib/components/apps/types.ts b/frontend/src/lib/components/apps/types.ts
index b683f0064b..e1744f0a3d 100644
--- a/frontend/src/lib/components/apps/types.ts
+++ b/frontend/src/lib/components/apps/types.ts
@@ -173,7 +173,11 @@ export type ListContext = Writable<{
 	disabled: boolean
 }>
 
-export type ListInputs = { set: (id: string, value: any) => void; remove: (id: string) => void }
+export type ListInputs = {
+	set: (id: string, value: any) => void
+	remove: (id: string) => void
+	get: (id: string) => void
+}
 
 export type GroupContext = Writable<Record<string, any>>