From 026f84b8709addece1f08232771216db71d0cc97 Mon Sep 17 00:00:00 2001
From: 409 <409dev@protonmail.com>
Date: Fri, 18 Jul 2025 11:07:56 +0200
Subject: [PATCH] fix sidebar warren buttons

---
 frontend/components/AppSidebar.vue | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/frontend/components/AppSidebar.vue b/frontend/components/AppSidebar.vue
index df5a420..978e992 100644
--- a/frontend/components/AppSidebar.vue
+++ b/frontend/components/AppSidebar.vue
@@ -15,6 +15,13 @@ import {
 const route = useRoute();
 
 const store = useWarrenStore();
+
+async function selectWarren(id: string) {
+    await store.setCurrentWarren(id, '/');
+    await navigateTo({
+        path: '/warrens/files',
+    });
+}
 </script>
 
 <template>
@@ -46,25 +53,20 @@ const store = useWarrenStore();
                             <CollapsibleContent>
                                 <SidebarMenuSub>
                                     <SidebarMenuSubItem
-                                        v-for="(warren, uuid) in store.warrens"
-                                        :key="uuid"
+                                        v-for="(warren, id) in store.warrens"
+                                        :key="id"
                                     >
                                         <SidebarMenuSubButton
-                                            as-child
                                             :tooltip="warren.name"
                                             :is-active="
-                                                route.path.startsWith(
-                                                    `/warrens/${uuid}`
-                                                )
+                                                store.current != null &&
+                                                store.current.warrenId === id
                                             "
                                             class="transition-all"
+                                            @click="() => selectWarren(id)"
                                         >
-                                            <NuxtLink :to="`/warrens/${uuid}`">
-                                                <Icon
-                                                    name="lucide:folder-root"
-                                                />
-                                                <span>{{ warren.name }}</span>
-                                            </NuxtLink>
+                                            <Icon name="lucide:folder-root" />
+                                            <span>{{ warren.name }}</span>
                                         </SidebarMenuSubButton>
                                     </SidebarMenuSubItem>
                                 </SidebarMenuSub>