refactor: confirm delete

Services/client/src/components/ListView.vue

@@ -7,6 +7,7 @@ import { useFileInfoStore } from '@/stores/file-info-data'
 import FromEdit from '@/components/FromEdit.vue'
 import FileIcon from '@/components/FileIcon.vue'
 import FormUpload from '@/components/FormUpload.vue'
+import DialogDelete from '@/components/DialogDelete.vue'
 
 const { deleteFolder } = useTreeDataStore()
 const { getFormatDate, getSize, getType } = useFileInfoStore()
@@ -19,6 +20,8 @@ const drawer = ref<boolean>(false)
 const drawerFile = ref<boolean>(false)
 const drawerStatus = ref<'edit' | 'create'>('create')
 const editPathname = ref<string>('')
+const confirmDelete = ref<boolean>(false)
+const currentPathDelete = ref<string>('')
 
 const props = defineProps<{
   mode: 'admin' | 'user'
@@ -206,7 +209,12 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
                 color="negative"
                 dense
                 icon="delete"
-                @click.stop="() => deleteFolder(actionsRow.row.pathname)"
+                @click.stop="
+                  () => {
+                    confirmDelete = !confirmDelete
+                    currentPathDelete = actionsRow.row.pathname
+                  }
+                "
               />
             </div>
           </q-td>
@@ -306,6 +314,11 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
     :drawerFile="drawerFile"
     @update:drawerFile="() => (drawerFile = false)"
   />
+  <dialog-delete
+    :confirmDelete="confirmDelete"
+    :pathname="currentPathDelete"
+    @update:confirmDelete="() => (confirmDelete = false)"
+  />
 </template>
 
 <style lang="scss" scoped>