refactor: edit btn add

src/pages/02_personnel-management/MainPage.vue

@@ -730,18 +730,11 @@ watch(
 </script>
 
 <template>
-  <ButtonAddComponent style="z-index: 999">
+  <ButtonAddComponent
-    <q-fab-action
+    style="z-index: 999"
-      id="btn-add-personne"
+    hide-icon
-      :label="$t('personnel.addTitle')"
+    @click="openDialog('FORM')"
-      external-label
+  ></ButtonAddComponent>
-      label-position="left"
-      @click="openDialog('FORM')"
-      color="primary"
-      padding="xs"
-      icon="mdi-account-plus-outline"
-    ></q-fab-action>
-  </ButtonAddComponent>
 
   <!-- stat -->
   <div class="column full-height no-wrap">

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">