From 4f4b1eb92528e022591302876a83f4dd277b0525 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 24 Apr 2024 10:23:50 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B8=9B=E0=B8=B8=E0=B9=88=E0=B8=A1=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1=20=E0=B8=99?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A2=E0=B8=88=E0=B9=89=E0=B8=B2=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/03_customer-management/MainPage.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 7eee4684..912ac966 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -109,7 +109,9 @@ const customerStats = [
   {
     id: 2,
     count: 3,
-    name: 'customerNaturalPerson',
+    name: 'นายจ้าง 2',
+    nameEN: 'Employer 2',
+    isEmployer: true,
   },
 ];
 
@@ -166,8 +168,20 @@ function onClose() {
 
       <!-- stat -->
       <AppBox bordered class="column full-width">
+        <div class="row q-pb-sm justify-between items-center">
           <div class="text-weight-bold text-subtitle1">
             {{ $t('customerStatTitle') }}
+          </div>
+          {{ selectorLabel }}
+          <q-btn
+            id="btn-add-customer"
+            dense
+            unelevated
+            :label="'+ ' + $t('customerAdd')"
+            padding="4px 16px"
+            @click="openDialogCustomerType()"
+            style="background-color: var(--cyan-6); color: white"
+          />
         </div>
         <div class="row full-width q-py-md" style="overflow-x: auto">
           <StatCardComponent