From 97d8428664b380d8fa2bb0e9dc09f582bdcba352 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Wed, 14 Aug 2024 16:04:06 +0200
Subject: [PATCH] feat(frontend): fix build

---
 .../components/flows/map/FlowJobsMenu.svelte  | 37 ++++++++-----------
 .../lib/components/flows/map/MapItem.svelte   |  2 +-
 frontend/src/lib/utils.ts                     |  2 +-
 3 files changed, 18 insertions(+), 23 deletions(-)

diff --git a/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte b/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
index 98f9645648..6e3f0ba6a2 100644
--- a/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
+++ b/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Menu } from '$lib/components/common'
+	import Menu from '$lib/components/common/menu/MenuV2.svelte'
 	import { createEventDispatcher } from 'svelte'
 	import { ListFilter } from 'lucide-svelte'
 
@@ -26,28 +26,23 @@
 	}
 </script>
 
-<Menu
-	transitionDuration={0}
-	pointerDown
-	bind:show={open}
-	noMinW
-	placement="bottom-center"
-	let:close
->
-	<button
-		title="Pick an iteration"
-		slot="trigger"
-		id={`flow-editor-iteration picker-${index}`}
-		type="button"
-		class=" text-xs bg-surface border-[1px] border-gray-300 dark:border-gray-500 focus:outline-none
+<Menu>
+	<div slot="trigger">
+		<button
+			title="Pick an iteration"
+			id={`flow-editor-iteration picker-${index}`}
+			type="button"
+			class=" text-xs bg-surface border-[1px] border-gray-300 dark:border-gray-500 focus:outline-none
 		hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-sm w-[40px] gap-1 h-[20px]
 		flex items-center justify-center {flowJobsSuccess?.[selected] == false
-			? 'text-red-400'
-			: 'text-secondary'}"
-	>
-		#{selected == -1 ? '?' : selected + 1}
-		<ListFilter size={15} />
-	</button>
+				? 'text-red-400'
+				: 'text-secondary'}"
+		>
+			#{selected == -1 ? '?' : selected + 1}
+			<ListFilter size={15} />
+		</button>
+	</div>
+
 	<div id="flow-editor-insert-module">
 		<div class="font-mono divide-y text-xs w-full text-secondary max-h-[200px] overflow-auto">
 			<input autofocus type="number" bind:value={filter} on:keydown={onKeydown} />
diff --git a/frontend/src/lib/components/flows/map/MapItem.svelte b/frontend/src/lib/components/flows/map/MapItem.svelte
index 3afe38ca06..f29895ac78 100644
--- a/frontend/src/lib/components/flows/map/MapItem.svelte
+++ b/frontend/src/lib/components/flows/map/MapItem.svelte
@@ -79,7 +79,7 @@
 			</div>
 		{/if}
 		{#if flowJobs && !insertable}
-			<div class="absolute z-50 right-8 -top-5">
+			<div class="absolute right-8 z-50 -top-5">
 				<FlowJobsMenu
 					on:selectedIteration={(e) => {
 						dispatch('selectedIteration', e.detail)
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
index 1a278c9c79..75b2889804 100644
--- a/frontend/src/lib/utils.ts
+++ b/frontend/src/lib/utils.ts
@@ -11,7 +11,7 @@ import { deepEqual } from 'fast-equals'
 import YAML from 'yaml'
 import type { UserExt } from './stores'
 import { sendUserToast } from './toast'
-import type { Script, WorkspaceDeployUISettings } from './gen'
+import type { Script } from './gen'
 import type { EnumType, SchemaProperty } from './common'
 import type { Schema } from './common'
 export { sendUserToast }