refactor: new state to sidebar_stire and add logic

quibble-dev · Dec 22, 2024 · 3c2c552 · 3c2c552
1 parent b9b54fb
commit 3c2c552
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 9 deletions.
diff --git a/frontend/src/lib/components/sidebar.svelte b/frontend/src/lib/components/sidebar.svelte
@@ -52,7 +52,7 @@
             <button
               onclick={() => sidebarStore.toggle_star('recent', quiblet.name)}
               class="ml-auto"
-              aria-label="Star Community"
+              aria-label="Star Quiblet"
             >
               <coreicons-shape-star class="size-4" class:text-primary={quiblet.starred}
               ></coreicons-shape-star>
@@ -75,14 +75,18 @@
     </div>
     {#if sidebarStore.state.your}
       <div class="collapse-content flex flex-col gap-2 !p-0">
-        {#each your_communities as community}
+        {#each sidebarStore.state.your as quiblet}
           <div class="flex items-center gap-2">
-            <a href="q/{community.name}" class="flex">
-              <Avatar src={community.avatar} />
+            <a href="q/{quiblet.name}" class="flex">
+              <Avatar src={quiblet.avatar} />
             </a>
-            <a href="q/{community.name}" class="text-sm font-medium">q/{community.name}</a>
-            <button class="ml-auto" aria-label="Star Community">
-              <coreicons-shape-star class="size-4" class:text-primary={community.starred}
+            <a href="q/{quiblet.name}" class="text-sm font-medium">q/{quiblet.name}</a>
+            <button
+              onclick={() => sidebarStore.toggle_star('your', quiblet.name)}
+              class="ml-auto"
+              aria-label="Star Quiblet"
+            >
+              <coreicons-shape-star class="size-4" class:text-primary={quiblet.starred}
               ></coreicons-shape-star>
             </button>
           </div>

diff --git a/frontend/src/routes/(app)/q/[name]/+page.svelte b/frontend/src/routes/(app)/q/[name]/+page.svelte
@@ -22,11 +22,16 @@
     }
   });
 
-  onMount(() => {
-    sidebarStore.add_quiblet('recent', {
+  function add_to_sidebar_store(key: string) {
+    sidebarStore.add_quiblet(key, {
       avatar: quiblet.avatar,
       name: quiblet.name
     });
+  }
+
+  onMount(() => {
+    add_to_sidebar_store('recent');
+    if (is_joined) add_to_sidebar_store('your');
   });
 </script>