From f183216a1f7fba59f16b5fdd5b48d8d8a14ebfc9 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 28 Jun 2024 02:37:37 +0000
Subject: [PATCH] fix: search not found message

---
 src/components/NoData.vue                 | 3 ++-
 src/i18n/en-US/index.ts                   | 1 +
 src/i18n/th-th/index.ts                   | 1 +
 src/pages/04_product-service/MainPage.vue | 2 +-
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/NoData.vue b/src/components/NoData.vue
index 43a23444..04f1304f 100644
--- a/src/components/NoData.vue
+++ b/src/components/NoData.vue
@@ -2,6 +2,7 @@
 defineProps<{
   size?: number;
   useField?: boolean;
+  notFound?: boolean;
 }>();
 </script>
 <template>
@@ -14,7 +15,7 @@ defineProps<{
       }"
     />
     <div class="app-text-muted text-center">
-      {{ useField ? $t('noField') : $t('noData') }}
+      {{ notFound ? $t('notFound') : useField ? $t('noField') : $t('noData') }}
     </div>
   </div>
 </template>
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
index 27526fd6..d8632cf9 100644
--- a/src/i18n/en-US/index.ts
+++ b/src/i18n/en-US/index.ts
@@ -26,6 +26,7 @@ export default {
   telephone: 'Telephone',
   viewDetail: 'View Detail',
   noData: 'No Data',
+  notFound: 'Data Not Found',
   code: 'Code',
   status: 'Status',
   type: 'Type',
diff --git a/src/i18n/th-th/index.ts b/src/i18n/th-th/index.ts
index 1945cc47..14f9f442 100644
--- a/src/i18n/th-th/index.ts
+++ b/src/i18n/th-th/index.ts
@@ -26,6 +26,7 @@ export default {
   telephone: 'เบอร์โทรศัพท์',
   viewDetail: 'ดูรายละเอียด',
   noData: 'ยังไม่มีข้อมูล',
+  notFound: 'ไม่พบข้อมูล',
   code: 'รหัส',
   type: 'ประเภท',
   status: 'สถานะ',
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 3a0f1934..546d6e9f 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1403,7 +1403,7 @@ watch(currentPageService, async () => {
           class="flex justify-center items-center q-mt-lg"
           style="min-height: 70vh; background-color: var(--surface-2)"
         >
-          <NoData />
+          <NoData notFound />
         </div>
 
         <div