fix loading indicator for traversing warrens

frontend/components/AppSidebar.vue

@@ -18,7 +18,7 @@ const store = useWarrenStore();
 const session = useAuthSession();
 
 async function selectWarren(id: string) {
-    await store.setCurrentWarren(id, '/');
+    store.setCurrentWarren(id, '/');
     await navigateTo({
         path: '/warrens/files',
     });
@@ -56,6 +56,7 @@ async function selectWarren(id: string) {
                                     <SidebarMenuSubItem
                                         v-for="(warren, id) in store.warrens"
                                         :key="id"
+                                        @click="() => selectWarren(id)"
                                     >
                                         <SidebarMenuSubButton
                                             :tooltip="warren.name"
@@ -63,8 +64,7 @@ async function selectWarren(id: string) {
                                                 store.current != null &&
                                                 store.current.warrenId === id
                                             "
-                                            class="transition-all"
-                                            @click="() => selectWarren(id)"
+                                            class="cursor-pointer transition-all select-none"
                                         >
                                             <Icon name="lucide:folder-root" />
                                             <span>{{ warren.name }}</span>

frontend/components/DirectoryEntry.vue

@@ -47,20 +47,28 @@ async function submitDelete(force: boolean = false) {
 async function openRenameDialog() {
     renameDialog.openDialog(entry);
 }
+
+async function onClick() {
+    if (warrenStore.loading) {
+        return;
+    }
+
+    warrenStore.addToCurrentWarrenPath(entry.name);
+}
 </script>
 
 <template>
     <ContextMenu>
         <ContextMenuTrigger>
             <button
+                :disabled="warrenStore.loading"
                 :class="[
                     'bg-accent/30 border-border flex w-52 flex-row gap-4 overflow-hidden rounded-md border-1 px-4 py-2 select-none',
                     {
-                        'pointer-events-none':
-                            disabled || entry.fileType === 'file',
+                        'pointer-events-none': entry.fileType === 'file',
                     },
                 ]"
-                @click="() => warrenStore.addToCurrentWarrenPath(entry.name)"
+                @click="onClick"
             >
                 <div class="flex flex-row items-center">
                     <Icon class="size-6" :name="getFileIcon(entry.mimeType)" />