file uploads

frontend/layouts/default.vue

@@ -8,6 +8,9 @@ import {
     BreadcrumbPage,
     BreadcrumbSeparator,
 } from '@/components/ui/breadcrumb';
+import CreateDirectoryDialog from '~/components/actions/CreateDirectoryDialog.vue';
+import UploadDialog from '~/components/actions/UploadDialog.vue';
+
 const route = useRoute();
 
 const breadcrumbs = computed(() => getBreadcrumbs(route.path));
@@ -53,13 +56,18 @@ const breadcrumbs = computed(() => getBreadcrumbs(route.path));
 
                     <div
                         v-if="route.path.startsWith('/warrens/')"
-                        class="ml-auto"
+                        class="ml-auto flex flex-row-reverse items-center gap-2"
                     >
                         <CreateDirectoryDialog>
                             <Button variant="outline" size="icon">
                                 <Icon name="lucide:folder-plus" />
                             </Button>
                         </CreateDirectoryDialog>
+                        <UploadDialog>
+                            <Button variant="outline" size="icon">
+                                <Icon name="lucide:upload" />
+                            </Button>
+                        </UploadDialog>
                     </div>
                 </div>
             </header>