From f922a3a7e5350fb9e6b38356b5612cf9db5557fa Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Wed, 28 Aug 2024 17:35:34 +0700
Subject: [PATCH] refactor: header  Deleted value, index changed value

---
 src/components/upload-file/UploadFile.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/upload-file/UploadFile.vue b/src/components/upload-file/UploadFile.vue
index 10fea4bc..d91c4832 100644
--- a/src/components/upload-file/UploadFile.vue
+++ b/src/components/upload-file/UploadFile.vue
@@ -5,7 +5,7 @@ import { dialog } from 'stores/utils';
 
 import { VuePDF, usePDF } from '@tato30/vue-pdf';
 
-const currentFileSelected = ref<string>('citizenId');
+const currentFileSelected = ref<string>('');
 const file = defineModel<
   {
     group?: string;
@@ -269,6 +269,16 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
             type="button"
             @click="
               () => {
+                const tempValue = treeFile.find(
+                  (v) => v.label === $t(`customer.typeFile.${currentMode}`),
+                );
+
+                if (!tempValue) return;
+
+                const idx = tempValue.file?.findIndex(
+                  (v) => v.label === currentFileSelected,
+                );
+
                 dialog({
                   color: 'negative',
                   icon: 'mdi-alert',
@@ -278,6 +288,8 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
                   message: $t('dialog.message.confirmDelete'),
                   action: async () => {
                     $emit('deleteFile', currentFileSelected);
+
+                    currentFileSelected = tempValue.file?.[idx - 1].label || '';
                   },
 
                   cancel: () => {},