From ab84c58428cd4623e3a532c474f372a29cdc8e9a Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 13 Feb 2025 15:49:27 +0100
Subject: [PATCH] Bind type together

---
 src/lib/components/navbar.svelte | 18 +++++++++++-------
 src/lib/layout/shell.svelte      |  9 ++-------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index a21c048e7..27f379527 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -1,3 +1,13 @@
+<script lang="ts" context="module">
+    export type NavbarProject = {
+        name: string;
+        $id: string;
+        isSelected: boolean;
+        platformCount: number;
+        pingCount: number;
+    };
+</script>
+
 <script lang="ts">
     import {
         Navbar,
@@ -45,13 +55,7 @@
             isSelected: boolean;
             showUpgrade: boolean;
             tierName: string;
-            projects: Array<{
-                name: string;
-                $id: string;
-                isSelected: boolean;
-                platformCount: number;
-                pingCount: number;
-            }>;
+            projects: Array<NavbarProject>;
         }>;
         showAccountMenu: boolean;
     };
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 09b88cd3e..4e9c2f0d7 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { beforeNavigate } from '$app/navigation';
     import { Navbar, Sidebar } from '$lib/components';
+    import { type NavbarProject } from '$lib/components/navbar.svelte';
     import { page } from '$app/stores';
     import { log } from '$lib/stores/logs';
     import { wizard } from '$lib/stores/wizard';
@@ -22,13 +23,7 @@
     export let showSideNavigation = false;
     export let showHeader = true;
     export let showFooter = true;
-    export let loadedProjects: Array<{
-        name: string;
-        $id: string;
-        isSelected: boolean;
-        platformCount: number;
-        pingCount: number;
-    }> = [];
+    export let loadedProjects: Array<NavbarProject> = [];
     export let projects: Array<Models.Project> = [];
 
     $: selectedProject = loadedProjects.find((project) => project.isSelected);