fix avatars

1 files changed, 6 insertions, 17 deletions

diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index a81bfbf1..ba1eb49a 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { run } from 'svelte/legacy';
+  import { run } from "svelte/legacy";
 
   import { SvelteToast } from "@zerodevx/svelte-toast";
   import { onDestroy, onMount } from "svelte";
@@ -26,13 +26,12 @@
 
   let { data, children } = $props();
 
-  let { generate, rate, user, subject, token, rates, theme } = $state(data);
-
-  let update = (data) => {
-    ({ rate, user, subject, token, rates, theme } = data);
-  };
+  let { generate, rate, user, subject, token, rates } = $derived(data);
+  let { theme } = $state(data);
 
   $themeStore = theme;
+  $effect(() => (theme = $themeStore));
+  $effect(() => browser && connect(token));
 
   afterNavigate(() => {
     if (user) {
@@ -67,7 +66,6 @@
     }
   });
 
-
   let lost,
     checkTimer,
     expireTimer,
@@ -92,15 +90,6 @@
       clearTimeout(expireTimer);
     }
   });
-  run(() => {
-    theme = $themeStore;
-  });
-  run(() => {
-    update(data);
-  });
-  run(() => {
-    browser && connect(token);
-  });
 </script>
 
 {#if browser && user && $passwordPrompt}
@@ -125,7 +114,7 @@
 <SvelteToast options={{ reversed: true, intro: { y: 192 } }} />
 
 <main class="pb-20 min-h-dvh" data-theme={theme}>
-  <AppHeader {user} bind:subject />
+  <AppHeader {user} {subject} />
   {#if !$loading}
     {@render children?.()}
   {/if}