From 0fdae198056e2690f70c42f25b6fa38ef608d581 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Wed, 28 Aug 2024 17:37:46 +0700
Subject: [PATCH] fix: i18n

---
 src/components/upload-file/UploadFile.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/upload-file/UploadFile.vue b/src/components/upload-file/UploadFile.vue
index d91c4832..6dffe06f 100644
--- a/src/components/upload-file/UploadFile.vue
+++ b/src/components/upload-file/UploadFile.vue
@@ -18,7 +18,7 @@ const file = defineModel<
 
 const currentFile = computed(() => file.value.at(currentIndex.value));
 const statusOcr = defineModel<boolean>('statusOcr', { default: false });
-const currentMode = ref<string>('citizenId');
+const currentMode = ref<string>('');
 const currentIndex = ref(0);
 
 const scale = ref(1);
@@ -88,7 +88,8 @@ watch(currentFileSelected, () => {
   file.value.findIndex((v, i) => {
     if (v.url?.includes(currentFileSelected.value)) {
       currentIndex.value = i;
-      currentMode.value = currentFileSelected.value.split('-').at(0) || '';
+      currentMode.value =
+        props.dropdownList?.[currentIndexDropdownList.value].label || 'other';
     }
   });
 });
@@ -200,7 +201,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
           icon="mdi-magnify-plus-outline"
           @click="scale = scale < 2 ? scale + 0.25 : scale"
         >
-          <q-tooltip>{{ $t('zoomIn') }}</q-tooltip>
+          <q-tooltip>{{ $t('general.zoomIn') }}</q-tooltip>
         </q-btn>
 
         <q-btn
@@ -242,7 +243,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
         class="bordered row items-center justify-between q-pa-sm"
         style="height: 50px"
       >
-        {{ $t(`customer.typeFile.${currentMode}`) }}
+        {{ $t(currentMode) }}
         <div class="row" v-if="!hideAction">
           <UndoButton icon-only type="button" />
           <SaveButton
@@ -266,7 +267,9 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
           {{ currentFileSelected }}
           <CloseButton
             icon-only
+            v-if="!readonly"
             type="button"
+            class="q-ml-sm"
             @click="
               () => {
                 const tempValue = treeFile.find(