From 5ccc85e60fc1b331cec6d7305fa9852b4b192b51 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 24 Nov 2022 01:52:07 +0100
Subject: [PATCH] fix flow UX

---
 frontend/src/lib/components/ArgInput.svelte                 | 2 +-
 frontend/src/lib/components/FlowPreviewContent.svelte       | 2 +-
 .../components/common/toggleButton/ToggleButtonGroup.svelte | 6 ++++++
 .../src/lib/components/flows/map/InsertModuleButton.svelte  | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/ArgInput.svelte b/frontend/src/lib/components/ArgInput.svelte
index 28e2b8712a..a4bf8cbbf1 100644
--- a/frontend/src/lib/components/ArgInput.svelte
+++ b/frontend/src/lib/components/ArgInput.svelte
@@ -254,7 +254,7 @@
 						size="sm"
 						btnClasses="mt-1"
 						on:click={() => {
-							if (value == undefined) {
+							if (value == undefined || !Array.isArray(value)) {
 								value = []
 							}
 							value = value.concat('')
diff --git a/frontend/src/lib/components/FlowPreviewContent.svelte b/frontend/src/lib/components/FlowPreviewContent.svelte
index bba27ef351..a61356fb74 100644
--- a/frontend/src/lib/components/FlowPreviewContent.svelte
+++ b/frontend/src/lib/components/FlowPreviewContent.svelte
@@ -133,7 +133,7 @@
 			}}>Fill test args from payload</Button
 		>
 	</div>
-	<div class="grow pb-8 max-h-1/2 overflow-auto">
+	<div class="h-full grow pb-20 max-h-60 overflow-auto">
 		<SchemaForm
 			class="h-full pt-4"
 			schema={$flowStore.schema}
diff --git a/frontend/src/lib/components/common/toggleButton/ToggleButtonGroup.svelte b/frontend/src/lib/components/common/toggleButton/ToggleButtonGroup.svelte
index db04a8d697..5497554727 100644
--- a/frontend/src/lib/components/common/toggleButton/ToggleButtonGroup.svelte
+++ b/frontend/src/lib/components/common/toggleButton/ToggleButtonGroup.svelte
@@ -12,6 +12,12 @@
 	export let selected: any
 	const dispatch = createEventDispatcher()
 
+	$: setSelected(selected)
+
+	function setSelected(selected: any) {
+		selectedContent.set(selected)
+	}
+
 	const selectedContent = writable(selected)
 
 	$: $selectedContent && dispatch('selected', $selectedContent)
diff --git a/frontend/src/lib/components/flows/map/InsertModuleButton.svelte b/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
index fd83b69991..d58c750b2b 100644
--- a/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
+++ b/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
@@ -26,7 +26,7 @@
 			tabindex="-1"
 		>
 			<Icon data={faCode} scale={0.8} class="mr-1" />
-			Script
+			Script or Module
 		</button>
 		<button
 			class="w-full text-left p-2 hover:bg-gray-100"