From 3be85cc511220725bfff7add3a6cb4927f73b15c Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 25 Sep 2024 12:50:46 -0700
Subject: invoice fixes

---
 src/components/AppHeader.svelte | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

(limited to 'src/components')

diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index cc521e93..541059f5 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -9,6 +9,8 @@
 
   export let user, subject;
 
+  $: if (!subject) subject = user;
+
   let menuButtons;
   $: if (user)
     menuButtons = [
@@ -58,8 +60,9 @@
         </a>
         <a href={`/invoice`}>
           <button
-            class="bg-white p-2 rounded-full w-12 h-12 sm:w-16 sm:h-16 drop-shadow-xl border border-black/10 {$page
-              .url.pathname.includes('invoice')
+            class="bg-white p-2 rounded-full w-12 h-12 sm:w-16 sm:h-16 drop-shadow-xl border border-black/10 {$page.url.pathname.includes(
+              'invoice'
+            )
               ? 'opacity-100'
               : 'opacity-70 hover:opacity-80'}"
             ><Icon icon="receive" style="mx-auto w-6 sm:w-8" />
@@ -98,8 +101,8 @@
         <div class="relative">
           <OutClick on:outclick={() => (showMenu = false)}>
             <button
-              class="bg-white p-2 rounded-full w-12 h-12 sm:w-16 sm:h-16 drop-shadow-xl border border-black/10 {
-              $page.url.pathname === `/settings` ||
+              class="bg-white p-2 rounded-full w-12 h-12 sm:w-16 sm:h-16 drop-shadow-xl border border-black/10 {$page
+                .url.pathname === `/settings` ||
               $page.url.pathname === `/support`
                 ? 'opacity-100'
                 : `opacity-70 hover:opacity-80 ${
@@ -141,11 +144,13 @@
         </a>
       {/if}
     </nav>
-    <div
-      class="absolute md:w-[64px] md:mx-auto lg:left-[154px] xl:left-[194px] left-[calc(50vw-64px)] -bottom-[64px] z-30"
-    >
-      <Avatar user={subject} />
-    </div>
+    {#if subject}
+      <div
+        class="absolute md:w-[64px] md:mx-auto lg:left-[154px] xl:left-[194px] left-[calc(50vw-64px)] -bottom-[64px] z-30"
+      >
+        <Avatar user={subject} />
+      </div>
+    {/if}
   </header>
 {/if}
 
-- 
cgit v1.2.3