From e2210e4466067c63ce5bc49cc9e483051526b26b Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Wed, 13 Nov 2024 11:58:52 +0700
Subject: [PATCH] refactor: handle btn add one at a time

---
 src/pages/03_customer-management/MainPage.vue | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 1f52279c..8f5ddbd5 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -2525,7 +2525,16 @@ const emptyCreateDialog = ref(false);
                     name: $t('customerEmployee.form.group.visa'),
                     anchor: 'drawer-visa',
                     tab: 'visa',
-                    useBtn: true,
+                    useBtn:
+                      currentFromDataEmployee.employeeVisa?.filter((item) => {
+                        if (item.id === undefined) {
+                          return true;
+                        }
+                        return false;
+                      }).length === 0 &&
+                      employeeFormState.currentIndexVisa === -1
+                        ? true
+                        : false,
                   },
 
                   ...(currentFromDataEmployee.employeeVisa?.map((v, i) => ({
@@ -4268,7 +4277,16 @@ const emptyCreateDialog = ref(false);
                       name: $t('customerEmployee.form.group.visa'),
                       anchor: 'drawer-visa',
                       tab: 'visa',
-                      useBtn: true,
+                      useBtn:
+                        currentFromDataEmployee.employeeVisa?.filter((item) => {
+                          if (item.id === undefined) {
+                            return true;
+                          }
+                          return false;
+                        }).length === 0 &&
+                        employeeFormState.currentIndexVisa === -1
+                          ? true
+                          : false,
                     },
 
                     ...(currentFromDataEmployee.employeeVisa?.map((v, i) => ({