Many Changes

spaces/pages/documents.vue

@@ -38,55 +38,12 @@ const filteredDocuments = computed(() => {
 })
 
 const uploadFiles = async () => {
-  const uploadSingleFile = async (file) => {
+  uploadInProgress.value = true;
 
-    const {data, error} = await supabase
-        .storage
-        .from("files")
-        .upload(`${user.value.app_metadata.tenant}/${file.name}`, file)
-
-    if (error) {
-      console.log(error)
-    } else if (data) {
-      const returnPath = data.path
-
-      if (error) {
-
-      } else {
-        const files = (await supabase.storage.from('files').list(`${user.value.app_metadata.tenant}/`, {
-          limit: 100,
-          offset: 0,
-          sortBy: {column: 'name', order: 'asc'}
-        })).data
-
-        fileUploadFormData.value.path = returnPath
-
-        const {data, error} = await supabase
-            .from("documents")
-            .insert([fileUploadFormData.value])
-            .select()
-        if(error) console.log(error)
-      }
-    }
-  }
-
-  uploadInProgress.value = true
-
-  let files = document.getElementById("fileUploadInput").files
-
-  if(files.length === 1) {
-    await uploadSingleFile(files[0])
-  } else if( files.length > 1) {
-
-    for(let i = 0; i < files.length; i++){
-      uploadSingleFile(files[i])
-    }
-
-  }
+  await dataStore.uploadFiles(fileUploadFormData.value, document.getElementById("fileUploadInput").files)
 
   uploadModalOpen.value = false;
   uploadInProgress.value = false;
-  dataStore.fetchDocuments()
 }
 
 const downloadSelected = async () => {
@@ -152,7 +109,7 @@ const downloadSelected = async () => {
 
 <template>
   <div>
-    <div class="flex items-center gap-2">
+    <InputGroup>
       <UButton @click="uploadModalOpen = true">Hochladen</UButton>
       <UButton
           @click="downloadSelected"
@@ -170,7 +127,7 @@ const downloadSelected = async () => {
       </USelectMenu>
 
 
-    </div>
+    </InputGroup>
     <div >
       <USlideover
         v-model="uploadModalOpen"
@@ -219,13 +176,9 @@ const downloadSelected = async () => {
         </template>
       </UCard>
     </USlideover>
-      <div class="documentList" >
-        <DocumentDisplay
-            :document="i"
-            :key="i.id"
-            v-for="i in filteredDocuments"
-        />
-      </div>
+      <DocumentList
+        :documents="filteredDocuments"
+      />
     </div>
   </div>