From e217fbf071fa834c4b4288f602125164bf1d93bf Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Mon, 5 Dec 2022 15:19:12 +0100
Subject: [PATCH] fix(frontend): Fix app InputValue sync (#994)

* fix(frontend): Fix app InputValue sync

* fix(frontend): Fix drawer
---
 frontend/src/lib/components/ItemPicker.svelte                 | 4 ++--
 .../lib/components/apps/components/helpers/InputValue.svelte  | 2 +-
 .../src/lib/components/common/drawer/DrawerContent.svelte     | 2 +-
 .../src/lib/components/flows/pickers/PickHubScript.svelte     | 2 +-
 frontend/src/routes/PickHubFlow.svelte                        | 2 +-
 frontend/src/routes/resources.svelte                          | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/lib/components/ItemPicker.svelte b/frontend/src/lib/components/ItemPicker.svelte
index 10f4d17ffa..a82deb5e85 100644
--- a/frontend/src/lib/components/ItemPicker.svelte
+++ b/frontend/src/lib/components/ItemPicker.svelte
@@ -135,8 +135,8 @@
 				</div>
 			{/if}
 		</div>
-		<span slot="submission" class="mr-2">
+		<svelte:fragment slot="actions">
 			<slot name="submission" />
-		</span>
+		</svelte:fragment>
 	</DrawerContent>
 </Drawer>
diff --git a/frontend/src/lib/components/apps/components/helpers/InputValue.svelte b/frontend/src/lib/components/apps/components/helpers/InputValue.svelte
index 1f9f12f467..449605ed4e 100644
--- a/frontend/src/lib/components/apps/components/helpers/InputValue.svelte
+++ b/frontend/src/lib/components/apps/components/helpers/InputValue.svelte
@@ -10,7 +10,7 @@
 
 	const { worldStore } = getContext<AppEditorContext>('AppEditorContext')
 
-	$: $worldStore && handleConnection()
+	$: input && $worldStore && handleConnection()
 
 	function handleConnection() {
 		if (input.type === 'output') {
diff --git a/frontend/src/lib/components/common/drawer/DrawerContent.svelte b/frontend/src/lib/components/common/drawer/DrawerContent.svelte
index e748d3ec49..8e199bbe6b 100644
--- a/frontend/src/lib/components/common/drawer/DrawerContent.svelte
+++ b/frontend/src/lib/components/common/drawer/DrawerContent.svelte
@@ -14,7 +14,7 @@
 </script>
 
 <div class="flex flex-col divide-y h-screen max-h-screen">
-	<div class="flex justify-between w-wull items-center px-4 py-2 ">
+	<div class="flex justify-between w-wull items-center px-2 py-2 ">
 		<div class="flex items-center gap-2">
 			<button
 				on:click={() => dispatch('close')}
diff --git a/frontend/src/lib/components/flows/pickers/PickHubScript.svelte b/frontend/src/lib/components/flows/pickers/PickHubScript.svelte
index 1ceb19b3a2..bdc7e889f0 100644
--- a/frontend/src/lib/components/flows/pickers/PickHubScript.svelte
+++ b/frontend/src/lib/components/flows/pickers/PickHubScript.svelte
@@ -39,7 +39,7 @@
 	{#if filteredItems.length == 0}
 		<NoItemFound />
 	{:else}
-		<ul class="divide-y divide-gray-200 border rounded-md overflow-hidden">
+		<ul class="divide-y divide-gray-200 border rounded-md">
 			{#each filteredItems as item (item.path)}
 				<li class="flex flex-row w-full">
 					<button
diff --git a/frontend/src/routes/PickHubFlow.svelte b/frontend/src/routes/PickHubFlow.svelte
index 58c1975c90..336233b152 100644
--- a/frontend/src/routes/PickHubFlow.svelte
+++ b/frontend/src/routes/PickHubFlow.svelte
@@ -43,7 +43,7 @@
 	{#if filteredItems.length == 0}
 		<NoItemFound />
 	{:else}
-		<ul class="divide-y divide-gray-200 border rounded-md overflow-hidden">
+		<ul class="divide-y divide-gray-200 border rounded-md">
 			{#each filteredItems as item (item)}
 				<li class="flex flex-row w-full">
 					<button
diff --git a/frontend/src/routes/resources.svelte b/frontend/src/routes/resources.svelte
index ba50f861ed..4d71e34e91 100644
--- a/frontend/src/routes/resources.svelte
+++ b/frontend/src/routes/resources.svelte
@@ -211,7 +211,7 @@
 
 <Drawer bind:this={resourceTypeDrawer} size="800px">
 	<DrawerContent title="Create resource type" on:close={resourceTypeDrawer.closeDrawer}>
-		<svelte:fragment slot="submission">
+		<svelte:fragment slot="actions">
 			<Button startIcon={{ icon: faSave }} on:click={addResourceType}>Save</Button>
 		</svelte:fragment>
 		<div class="flex flex-col gap-6">