list warrens + explore nested folders

frontend/components/DirectoryList.vue

@@ -1,34 +1,22 @@
 <script setup lang="ts">
 import { ScrollArea } from '@/components/ui/scroll-area';
-import type { DirectoryEntryType } from '~/types';
-const items: Array<{ name: string; entryType: DirectoryEntryType }> = [
-    /* {
-        name: 'File A',
-        entryType: 'file',
-    },
-    {
-        name: 'File B',
-        entryType: 'file',
-    }, */
-    {
-        name: 'Directory A',
-        entryType: 'directory',
-    },
-    {
-        name: 'Directory B',
-        entryType: 'directory',
-    },
-];
+import type { DirectoryEntry } from '~/types';
+const { entries } = defineProps<{
+    entries: DirectoryEntry[];
+}>();
+
+const { isLoading } = useLoadingIndicator();
 </script>
 
 <template>
     <ScrollArea class="w-full h-full">
         <div class="flex flex-row gap-2">
             <DirectoryEntry
-                v-for="item in items"
-                :key="item.name"
-                :name="item.name"
-                :entry-type="item.entryType"
+                v-for="entry in entries"
+                :key="entry.name"
+                :name="entry.name"
+                :entry-type="entry.fileType"
+				:disabled="isLoading"
             />
         </div>
     </ScrollArea>