1 files changed, 13 insertions, 1 deletions
diff --git a/hi-ui/src/routes/+layout.svelte b/hi-ui/src/routes/+layout.svelte
index f54f3bf..28ae4ec 100644
--- a/hi-ui/src/routes/+layout.svelte
+++ b/hi-ui/src/routes/+layout.svelte
@@ -1,9 +1,21 @@
 <script>
+  import { AppBar } from '@skeletonlabs/skeleton';
   import "../app.css";
+
+  import { currentUser } from '../store';
+  import LogOut from '../lib/LogOut.svelte';
 </script>
 
 <div id="app">
-    <h1>hi</h1>
+    <AppBar>
+        <svelte:fragment slot="lead">🌳</svelte:fragment>
+        understory
+        <svelte:fragment slot="trail">
+            {#if $currentUser}
+                <LogOut />
+            {/if}
+        </svelte:fragment>
+    </AppBar>
 
     <slot />
 </div>