fix(skin3d): update profile handling in Skin3D component

SkyCryptWebsite · Jan 7, 2025 · 89148c5 · 89148c5
1 parent 6fdcf41
commit 89148c5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/lib/components/Skin3D.svelte b/src/lib/components/Skin3D.svelte
@@ -4,7 +4,8 @@
   import * as skinview3d from "skinview3d";
   import { onMount } from "svelte";
 
-  const { profile } = getProfileCtx();
+  const ctx = getProfileCtx();
+  const profile = $derived(ctx.profile);
 
   let { class: className }: { class: string | undefined } = $props();
   let viewer: skinview3d.SkinViewer;

diff --git a/src/lib/layouts/stats/Main.svelte b/src/lib/layouts/stats/Main.svelte
@@ -18,7 +18,9 @@
   <div class="fixed left-0 top-1/2 z-10 hidden h-dvh w-[30vw] -translate-y-1/2 @container @[75rem]/parent:block">
     {#if browser && window.innerWidth >= 1200}
       {#await import('$lib/components/Skin3D.svelte') then { default: Skin3D }}
-        <Skin3D class="h-full" />
+        {#key profile}
+          <Skin3D class="h-full" />
+        {/key}
       {/await}
     {/if}
   </div>