From 23a41d26b1ad0de60e11218c1f4821e56bf1897f Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Thu, 20 Mar 2025 15:32:15 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=8B=20Makes=20icon=20optional=20for=20?=
 =?UTF-8?q?status=20item?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/lib/components/StatusItem.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/src/lib/components/StatusItem.svelte b/app/src/lib/components/StatusItem.svelte
index 5b7f894..e842d03 100644
--- a/app/src/lib/components/StatusItem.svelte
+++ b/app/src/lib/components/StatusItem.svelte
@@ -9,7 +9,7 @@
     class: klass = '',
     children = null
   } = $props<{
-    icon: any
+    icon?: any
     title: string
     description?: string | number
     variant?: Variant
@@ -32,9 +32,11 @@
 </script>
 
 <div class="rounded-box bg-base-100 flex items-center space-x-3 px-4 py-2 {klass}">
-  <div class="mask mask-hexagon {bgColor} h-auto w-10 flex-none">
-    <Icon class="{textColor} h-auto w-full scale-75" />
-  </div>
+  {#if icon}
+    <div class="mask mask-hexagon {bgColor} h-auto w-10 flex-none">
+      <Icon class="{textColor} h-auto w-full scale-75" />
+    </div>
+  {/if}
   <div class="grow">
     <div class="font-bold">{title}</div>
     <div class="text-sm opacity-75 grow">{description}</div>