improved file uploads

frontend/layouts/default.vue

@@ -10,6 +10,7 @@ import {
 } from '@/components/ui/breadcrumb';
 import CreateDirectoryDialog from '~/components/actions/CreateDirectoryDialog.vue';
 import UploadDialog from '~/components/actions/UploadDialog.vue';
+const uploadStore = useUploadStore();
 
 const route = useRoute();
 
@@ -55,17 +56,28 @@ const breadcrumbs = computed(() => getBreadcrumbs(route.path));
                     </Breadcrumb>
 
                     <div
-                        v-if="route.path.startsWith('/warrens/')"
                         class="ml-auto flex flex-row-reverse items-center gap-2"
                     >
                         <CreateDirectoryDialog>
-                            <Button variant="outline" size="icon">
+                            <Button
+                                v-if="route.path.startsWith('/warrens/')"
+                                variant="outline"
+                                size="icon"
+                            >
                                 <Icon name="lucide:folder-plus" />
                             </Button>
                         </CreateDirectoryDialog>
                         <UploadDialog>
-                            <Button variant="outline" size="icon">
+                            <Button
+                                class="relative"
+                                variant="outline"
+                                size="icon"
+                            >
                                 <Icon name="lucide:upload" />
+                                <div
+                                    v-if="uploadStore.progress != null"
+                                    class="w-1.5 h-1.5 rounded-full bg-primary absolute top-1 right-1 animate-pulse"
+                                ></div>
                             </Button>
                         </UploadDialog>
                     </div>