From f0b09610ee53d257b79dbc07c4ddebb68e38b744 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 15 May 2025 12:44:04 +0200
Subject: [PATCH] Fix typescript stuff

---
 src/lib/components/actionDropdown.svelte      | 38 ++++++++++---------
 .../studio/artifact-[artifact]/+layout.svelte |  4 --
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/lib/components/actionDropdown.svelte b/src/lib/components/actionDropdown.svelte
index ef16ae9d3..dc9dc8b78 100644
--- a/src/lib/components/actionDropdown.svelte
+++ b/src/lib/components/actionDropdown.svelte
@@ -8,15 +8,17 @@
     import type { SubMenu } from '$lib/components/bottom-sheet';
     import type { ComponentType } from 'svelte';
 
-    type Item =
-        | {
-              name: string;
-              isActive: boolean;
-              onClick?: () => void;
-              href?: string;
-              icon?: ComponentType;
-              type: 'item';
-          }
+    type Item = {
+        name: string;
+        isActive: boolean;
+        onClick?: () => void;
+        href?: string;
+        icon?: ComponentType;
+        type: 'item';
+    };
+
+    type MenuOption =
+        | Item
         | {
               type: 'divider';
           };
@@ -30,10 +32,10 @@
         elements: { trigger: triggerItems, menu: menuItems }
     } = createMenu();
 
-    let { items = [] }: { items: Item[] } = $props();
+    let { items = [] }: { items: MenuOption[] } = $props();
 
     const selectedItem = $derived.by(() => {
-        return items.find((item) => item.isActive);
+        return items.find((item) => item.type !== 'divider' && item.isActive) as Item;
     });
 
     let bottomSheetOpen = $state(false);
@@ -41,12 +43,14 @@
     const bottomSheetOptions: SubMenu = $derived.by(() => {
         return {
             top: {
-                items: items.map((item) => ({
-                    name: item.name,
-                    href: item.href,
-                    onClick: item.onClick,
-                    leadingIcon: item.icon
-                }))
+                items: items
+                    .filter((item) => item.type !== 'divider')
+                    .map((item) => ({
+                        name: item.name,
+                        href: item.href,
+                        onClick: item.onClick,
+                        leadingIcon: item.icon
+                    }))
             },
             bottom: undefined
         };
diff --git a/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte b/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
index 6286db97a..22d964047 100644
--- a/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
+++ b/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
@@ -117,10 +117,6 @@
         }
     }
 
-    $effect(() => {
-        console.log(terminals);
-    });
-
     function createTerminal() {
         const symbol = Symbol();
         terminals.set(symbol, createSynapse(endpoint, page.params.artifact));