From 2f0fd05d351d5f41e220559d573fab690940e822 Mon Sep 17 00:00:00 2001
From: axel <contact@axel.moe>
Date: Sun, 20 Apr 2025 22:35:37 +0200
Subject: [PATCH] fix: missing empty list placeholder

---
 src/lib/v2/snippets/ListPage.svelte  | 5 +++--
 src/routes/dash/devices/+page.svelte | 6 +++++-
 src/routes/dash/groups/+page.svelte  | 6 +++++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/lib/v2/snippets/ListPage.svelte b/src/lib/v2/snippets/ListPage.svelte
index 1105d62..f2d5ea1 100644
--- a/src/lib/v2/snippets/ListPage.svelte
+++ b/src/lib/v2/snippets/ListPage.svelte
@@ -2,7 +2,7 @@
   import { Button } from 'bits-ui';
   import IconPlus from '~icons/tabler/plus';
 
-  let { createHref = null, msgAdd = '', children } = $props();
+  let { createHref = null, msgAdd = '', empty = false, children } = $props();
 </script>
 
 {#if createHref}
@@ -21,7 +21,8 @@
 <div class="w-full sm:px-6 px-3 py-4 max-w-3xl mx-auto">
   {#if children}
     {@render children?.()}
-  {:else}
+  {/if}
+  {#if empty}
     <div class="p-4 text-center text-neutral-700">
       <p>Nothing here.</p>
       {#if createHref}
diff --git a/src/routes/dash/devices/+page.svelte b/src/routes/dash/devices/+page.svelte
index cb293dd..4c18baa 100644
--- a/src/routes/dash/devices/+page.svelte
+++ b/src/routes/dash/devices/+page.svelte
@@ -28,7 +28,11 @@
   });
 </script>
 
-<ListPage createHref={data.user.admin ? '/dash/devices/new' : null} msgAdd="Add Device">
+<ListPage
+  createHref={data.user.admin ? '/dash/devices/new' : null}
+  empty={data.devices.length == 0}
+  msgAdd="Add Device"
+>
   <div class="flex gap-4 flex-wrap justify-center">
     {#each data.devices as device}
       <ResCard
diff --git a/src/routes/dash/groups/+page.svelte b/src/routes/dash/groups/+page.svelte
index 17b67fa..4a7f3a1 100644
--- a/src/routes/dash/groups/+page.svelte
+++ b/src/routes/dash/groups/+page.svelte
@@ -8,7 +8,11 @@
   store.pageTitle = 'Listing all groups';
 </script>
 
-<ListPage createHref={data.user.admin ? '/dash/groups/new' : null} msgAdd="Add Group">
+<ListPage
+  createHref={data.user.admin ? '/dash/groups/new' : null}
+  empty={data.groups.length == 0}
+  msgAdd="Add Group"
+>
   <div class="flex gap-4 flex-wrap justify-center">
     {#each data.groups as group}
       <ResCard