From 0aabe1c974946100cc54e2bc2a4c5555619cf705 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@windmill.dev>
Date: Sat, 28 Jun 2025 21:46:49 +0000
Subject: [PATCH] svelte 5 nits

---
 frontend/src/lib/components/DeployButton.svelte           | 8 +++++---
 .../editor/settingsPanel/DecisionTreeGraphEditor.svelte   | 2 +-
 frontend/src/lib/components/common/button/Button.svelte   | 6 +++---
 .../lib/components/flows/content/FlowModuleHeader.svelte  | 3 ---
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/frontend/src/lib/components/DeployButton.svelte b/frontend/src/lib/components/DeployButton.svelte
index e7151c3990..566f1f1c1d 100644
--- a/frontend/src/lib/components/DeployButton.svelte
+++ b/frontend/src/lib/components/DeployButton.svelte
@@ -51,10 +51,12 @@
 		}
 	}}
 	{hideDropdown}
-	on:dropdownOpen={({ detail }) => (dropdownOpen = detail)}
+	on:dropdownOpen={({ detail }) => {
+		dropdownOpen = detail
+	}}
 >
 	Deploy
-	<svelte:fragment slot="tooltip">
+	{#snippet tooltip()}
 		<div class="flex flex-row gap-2 w-80 p-4 bg-surface rounded-lg shadow-lg border z-[5001]">
 			<input
 				type="text"
@@ -76,5 +78,5 @@
 				Deploy
 			</Button>
 		</div>
-	</svelte:fragment>
+	{/snippet}
 </Button>
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
index fe8fb1a4e7..dd4b4566da 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
@@ -203,7 +203,7 @@
 
 <div class="p-2 flex flex-col gap-2">
 	<Button
-		tooltip="Decision tree graph editor"
+		title="Decision tree graph editor"
 		id="decision-tree-graph-editor"
 		on:click={() => {
 			drawer?.openDrawer()
diff --git a/frontend/src/lib/components/common/button/Button.svelte b/frontend/src/lib/components/common/button/Button.svelte
index 6915df9ab9..0a0940bc4b 100644
--- a/frontend/src/lib/components/common/button/Button.svelte
+++ b/frontend/src/lib/components/common/button/Button.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { run, createBubbler } from 'svelte/legacy'
+	import { createBubbler } from 'svelte/legacy'
 
 	const bubble = createBubbler()
 	import { createEventDispatcher } from 'svelte'
@@ -199,11 +199,11 @@
 				states: { open: undefined },
 				options: { openDelay: undefined }
 			}
-	run(() => {
+	$effect(() => {
 		tooltipPopover && openDelay !== undefined && ($openDelay = tooltipPopover?.openDelay)
 	}) //This option is reactive
 
-	run(() => {
+	$effect(() => {
 		$open !== undefined && dispatchIfMounted('tooltipOpen', $open)
 	})
 </script>
diff --git a/frontend/src/lib/components/flows/content/FlowModuleHeader.svelte b/frontend/src/lib/components/flows/content/FlowModuleHeader.svelte
index 10b47c088b..a819181aa7 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleHeader.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleHeader.svelte
@@ -140,9 +140,6 @@
 				}}
 				startIcon={{ icon: Pen }}
 				iconOnly={false}
-				tooltip={module.value.hash != undefined
-					? 'Script is locked with a specific hash'
-					: undefined}
 				disabled={module.value.hash != undefined}
 			>
 				Edit