From ceb294c0aace056d331a76d23024e03c81005784 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sun, 17 Dec 2023 17:07:45 +0100
Subject: [PATCH] frontend nits

---
 frontend/src/lib/components/home/Item.svelte  | 130 +++++++++---------
 .../src/lib/components/home/TreeView.svelte   |   2 +-
 2 files changed, 64 insertions(+), 68 deletions(-)

diff --git a/frontend/src/lib/components/home/Item.svelte b/frontend/src/lib/components/home/Item.svelte
index 51fb65e4f8..a873a4be6b 100644
--- a/frontend/src/lib/components/home/Item.svelte
+++ b/frontend/src/lib/components/home/Item.svelte
@@ -24,73 +24,69 @@
 	export let showCode: (path: string, summary: string) => void
 </script>
 
-{#key item.summary}
-	{#key item.starred}
-		{#key item.has_draft}
-			{#if item.type == 'script'}
-				<ScriptRow
-					bind:deleteConfirmedCallback
-					starred={item.starred ?? false}
-					marked={item.marked}
-					on:change={() => dispatch('scriptChanged')}
-					script={item}
-					errorHandlerMuted={item.ws_error_handler_muted === undefined ||
-					item.ws_error_handler_muted === null
-						? false
-						: item.ws_error_handler_muted}
-					{shareModal}
-					{moveDrawer}
-					{deploymentDrawer}
-					{depth}
-					bind:menuOpen
-					{showCode}
-				/>
-			{:else if item.type == 'flow'}
-				<FlowRow
-					bind:deleteConfirmedCallback
-					starred={item.starred ?? false}
-					marked={item.marked}
-					on:change={() => dispatch('flowChanged')}
-					flow={item}
-					errorHandlerMuted={item.ws_error_handler_muted === undefined ||
-					item.ws_error_handler_muted === null
-						? false
-						: item.ws_error_handler_muted}
-					{shareModal}
-					{moveDrawer}
-					{deploymentDrawer}
-					{depth}
-					bind:menuOpen
-				/>
-			{:else if item.type == 'app'}
-				<AppRow
-					bind:deleteConfirmedCallback
-					starred={item.starred ?? false}
-					marked={item.marked}
-					on:change={() => dispatch('appChanged')}
-					app={item}
-					{moveDrawer}
-					{shareModal}
-					{deploymentDrawer}
-					{depth}
-					bind:menuOpen
-				/>
-			{:else if item.type == 'raw_app'}
-				<RawAppRow
-					bind:deleteConfirmedCallback
-					starred={item.starred ?? false}
-					marked={item.marked}
-					on:change={() => dispatch('rawAppChanged')}
-					app={item}
-					{moveDrawer}
-					{shareModal}
-					{deploymentDrawer}
-					{depth}
-					bind:menuOpen
-				/>
-			{/if}
-		{/key}
-	{/key}
+{#key [item.summary, item.starred, item.has_draft, item.type]}
+	{#if item.type == 'script'}
+		<ScriptRow
+			bind:deleteConfirmedCallback
+			starred={item.starred ?? false}
+			marked={item.marked}
+			on:change={() => dispatch('scriptChanged')}
+			script={item}
+			errorHandlerMuted={item.ws_error_handler_muted === undefined ||
+			item.ws_error_handler_muted === null
+				? false
+				: item.ws_error_handler_muted}
+			{shareModal}
+			{moveDrawer}
+			{deploymentDrawer}
+			{depth}
+			bind:menuOpen
+			{showCode}
+		/>
+	{:else if item.type == 'flow'}
+		<FlowRow
+			bind:deleteConfirmedCallback
+			starred={item.starred ?? false}
+			marked={item.marked}
+			on:change={() => dispatch('flowChanged')}
+			flow={item}
+			errorHandlerMuted={item.ws_error_handler_muted === undefined ||
+			item.ws_error_handler_muted === null
+				? false
+				: item.ws_error_handler_muted}
+			{shareModal}
+			{moveDrawer}
+			{deploymentDrawer}
+			{depth}
+			bind:menuOpen
+		/>
+	{:else if item.type == 'app'}
+		<AppRow
+			bind:deleteConfirmedCallback
+			starred={item.starred ?? false}
+			marked={item.marked}
+			on:change={() => dispatch('appChanged')}
+			app={item}
+			{moveDrawer}
+			{shareModal}
+			{deploymentDrawer}
+			{depth}
+			bind:menuOpen
+		/>
+	{:else if item.type == 'raw_app'}
+		<RawAppRow
+			bind:deleteConfirmedCallback
+			starred={item.starred ?? false}
+			marked={item.marked}
+			on:change={() => dispatch('rawAppChanged')}
+			app={item}
+			{moveDrawer}
+			{shareModal}
+			{deploymentDrawer}
+			{depth}
+			bind:menuOpen
+		/>
+	{/if}
 {/key}
 
 {#if menuOpen}
diff --git a/frontend/src/lib/components/home/TreeView.svelte b/frontend/src/lib/components/home/TreeView.svelte
index 433b138d75..9f9ef821f2 100644
--- a/frontend/src/lib/components/home/TreeView.svelte
+++ b/frontend/src/lib/components/home/TreeView.svelte
@@ -24,7 +24,7 @@
 		opened = !collapseAll
 	}
 
-	let showMax = 30
+	let showMax = 15
 </script>
 
 {#if isFolder(item)}