From 06ffac28bee034dfbbb8d315de9c7b765121abae Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 22 Oct 2024 10:51:44 +0700
Subject: [PATCH] refactor: edit btn add

---
 .../02_personnel-management/MainPage.vue      | 17 +++++------------
 src/pages/03_customer-management/MainPage.vue | 19 ++++++++-----------
 2 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 33d34438..362a133b 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -730,18 +730,11 @@ watch(
 </script>
 
 <template>
-  <ButtonAddComponent style="z-index: 999">
-    <q-fab-action
-      id="btn-add-personne"
-      :label="$t('personnel.addTitle')"
-      external-label
-      label-position="left"
-      @click="openDialog('FORM')"
-      color="primary"
-      padding="xs"
-      icon="mdi-account-plus-outline"
-    ></q-fab-action>
-  </ButtonAddComponent>
+  <ButtonAddComponent
+    style="z-index: 999"
+    hide-icon
+    @click="openDialog('FORM')"
+  ></ButtonAddComponent>
 
   <!-- stat -->
   <div class="column full-height no-wrap">
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 107b05fb..f7c5f00a 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -725,7 +725,15 @@ const emptyCreateDialog = ref(false);
 <template>
   <ButtonAddComponent
     style="z-index: 999"
+    :hide-icon="currentTab === 'employee'"
     v-if="$route.name === 'CustomerManagement'"
+    @click="
+      () => {
+        if (currentTab === 'employee') {
+          createEmployeeForm();
+        }
+      }
+    "
   >
     <q-fab-action
       v-if="currentTab === 'employer'"
@@ -749,17 +757,6 @@ const emptyCreateDialog = ref(false);
       padding="xs"
       icon="mdi-account-plus-outline"
     />
-    <q-fab-action
-      v-if="currentTab === 'employee'"
-      :label="$t('general.add') + ' ' + $t('customer.employee')"
-      external-label
-      id="add-employee"
-      label-position="left"
-      @click="createEmployeeForm()"
-      color="primary"
-      padding="xs"
-      icon="mdi-account-plus-outline"
-    />
   </ButtonAddComponent>
 
   <div class="column full-height no-wrap">