From ab71fdcc1d61e7ee0d5160ff856ab8b763fcc9b7 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Wed, 31 Jul 2024 08:23:32 -0300
Subject: [PATCH] Add Placeholder to empty node page

---
 src/views/nodes/View.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/views/nodes/View.svelte b/src/views/nodes/View.svelte
index 4aa0bd82b..d988513e3 100644
--- a/src/views/nodes/View.svelte
+++ b/src/views/nodes/View.svelte
@@ -11,11 +11,12 @@
   import Button from "@app/components/Button.svelte";
   import Command from "@app/components/Command.svelte";
   import Help from "@app/App/Help.svelte";
-  import IconButton from "@app/components/IconButton.svelte";
   import Icon from "@app/components/Icon.svelte";
+  import IconButton from "@app/components/IconButton.svelte";
   import Link from "@app/components/Link.svelte";
   import Loading from "@app/components/Loading.svelte";
   import MobileFooter from "@app/App/MobileFooter.svelte";
+  import Placeholder from "@app/components/Placeholder.svelte";
   import Popover from "@app/components/Popover.svelte";
   import ProjectCard from "@app/components/ProjectCard.svelte";
 
@@ -433,7 +434,9 @@
                 </div>
               {:else}
                 <div class="empty-state">
-                  This node doesn't have any pinned repositories.
+                  <Placeholder
+                    iconName="desert"
+                    caption="This node doesn't have any pinned repositories." />
                 </div>
               {/if}
             {:catch error}