From aa5adf57896b9166d7fcb9a03db00ab1cc1b79a4 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 4 Jul 2024 13:33:31 +0700
Subject: [PATCH] fix: rebase fail

---
 src/pages/03_customer-management/MainPage.vue | 67 ++++++++-----------
 1 file changed, 28 insertions(+), 39 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 17e170ba..40d7f367 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1334,50 +1334,39 @@ watch([inputSearch, currentStatus], async () => {
     <div v-if="isMainPage" class="column full-height">
       <div class="row full-width">
         <!-- stat -->
-        <div class="col-12 col-sm bordered surface-1 rounded">
-          <div class="text-weight-bold text-subtitle1 q-pa-md">
-            {{
-              selectorLabel === 'EMPLOYER'
-                ? $t('customerEmployerStatTitle')
-                : $t('customerEmployeeStatTitle')
-            }}
-          </div>
-
-          <div class="q-px-md scroll">
+        <div class="col-12 q-mb-md">
+          <div class="scroll">
             <StatCardComponent
-              v-if="customerStats && selectorLabel === 'EMPLOYER'"
+              v-if="customerStats"
               labelI18n
               :branch="
-                customerStats.map((v) => ({
-                  count:
-                    v.name === 'CORP'
-                      ? statsCustomerType?.CORP ?? 0
-                      : statsCustomerType?.PERS ?? 0,
-                  label:
-                    v.name === 'CORP'
-                      ? 'customerLegalEntity'
-                      : 'customerNaturalPerson',
-                  color: v.name === 'CORP' ? 'purple' : 'green',
-                }))
+                customerStats &&
+                (selectorLabel === 'EMPLOYER'
+                  ? customerStats.map((v) => ({
+                      count:
+                        v.name === 'CORP'
+                          ? statsCustomerType?.CORP ?? 0
+                          : statsCustomerType?.PERS ?? 0,
+                      label:
+                        v.name === 'CORP'
+                          ? 'customerLegalEntity'
+                          : 'customerNaturalPerson',
+                      icon:
+                        v.name === 'CORP'
+                          ? 'mdi-office-building'
+                          : 'mdi-account',
+                      color: v.name === 'CORP' ? 'purple' : 'green',
+                    }))
+                  : [
+                      {
+                        label: 'EMPLOYEE',
+                        count: statsEmployee,
+                        icon: 'mdi-account',
+                        color: 'pink',
+                      },
+                    ])
               "
               :dark="$q.dark.isActive"
-              nowrap
-              class="q-mb-md"
-            />
-
-            <StatCardComponent
-              v-if="customerStats && selectorLabel === 'EMPLOYEE'"
-              labelI18n
-              :branch="[
-                {
-                  label: 'EMPLOYEE',
-                  count: statsEmployee,
-                  color: 'pink',
-                },
-              ]"
-              :dark="$q.dark.isActive"
-              nowrap
-              class="q-mb-md"
             />
           </div>
         </div>