From c03a4cd01d698b94b3aca9edc8287b15c153220d Mon Sep 17 00:00:00 2001
From: jk <email@jkrause.io>
Date: Thu, 1 Feb 2024 18:35:57 +0100
Subject: [PATCH] Fix reactive values in UserHeader

---
 src/lib/components/users/UserHeader.svelte | 26 ++++++++--------------
 1 file changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/lib/components/users/UserHeader.svelte b/src/lib/components/users/UserHeader.svelte
index 6dd481f..3d0a0b5 100644
--- a/src/lib/components/users/UserHeader.svelte
+++ b/src/lib/components/users/UserHeader.svelte
@@ -1,21 +1,13 @@
-<script lang="ts" context="module">
-    export const defaults: User = {
-        hexpubkey: "",
-        npub: "",
-        loading: true,
-    };
-</script>
-
 <script lang="ts">
     import { getName, type User } from "./type";
 
-    export let user: User = defaults;
-    let { profile, hexpubkey, loading } = user;
-    let display_name = "";
-    $: {
-        let { profile, hexpubkey, loading } = user;
-        display_name = getName(user);
-    }
+    export let user: User = {
+        hexpubkey: "",
+        npub: "",
+        loading: true,
+        };
+    $: ({ profile, loading } = user);
+    $: display_name = getName(user);
 </script>
 
 <div class="flex my-2">
@@ -25,8 +17,8 @@
             class:skeleton={!profile && loading}
             class:bg-neutral={!loading && (!profile || !profile.image)}
         >
-            {#if profile && profile.image}
-                <img class="my-0" src={profile.image} alt={display_name} />
+            {#if !!profile?.image}
+                <img class="my-0" src={profile?.image} alt={display_name} />
             {/if}
         </div>
     </div>