diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 7ef61706..eafb7159 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1810,40 +1810,40 @@ watch([inputSearch, currentStatus], async () => {
                   class="col column justify-between q-px-md q-pt-md scroll"
                   v-if="listEmployee.length !== 0"
                 >
-                  <PersonCard
-                    history
-                    :list="
-                      listEmployee.map((v: Employee) => ({
-                        disabled: v.status === 'INACTIVE',
-                        img: v.profileImageUrl,
-                        id: v.id,
-                        name:
-                          $i18n.locale === 'en-US'
-                            ? `${v.firstNameEN} ${v.lastNameEN}`
-                            : `${v.firstName} ${v.lastName}`,
-                        male: v.gender === 'male',
-                        female: v.gender === 'female',
-                        badge: v.code,
-                        detail: [
-                          {
-                            label: $t('personnelCardNationality'),
-                            value: v.nationality,
-                          },
-                          {
-                            label: $t('personnelCardAge'),
-                            value: calculateAge(v.dateOfBirth),
-                          },
-                        ],
-                      }))
-                    "
-                    @history="openHistory"
-                    @update-card="openDialogInputForm"
-                    @enter-card="openDialogInputForm"
-                    @delete-card="onDelete"
-                    @toggle-status="
-                      (id, status) => toggleStatusEmployee(id, status)
-                    "
-                  />
+                  <!-- <PersonCard -->
+                  <!--   history -->
+                  <!--   :list=" -->
+                  <!--     listEmployee.map((v: Employee) => ({ -->
+                  <!--       disabled: v.status === 'INACTIVE', -->
+                  <!--       img: v.profileImageUrl, -->
+                  <!--       id: v.id, -->
+                  <!--       name: -->
+                  <!--         $i18n.locale === 'en-US' -->
+                  <!--           ? `${v.firstNameEN} ${v.lastNameEN}` -->
+                  <!--           : `${v.firstName} ${v.lastName}`, -->
+                  <!--       male: v.gender === 'male', -->
+                  <!--       female: v.gender === 'female', -->
+                  <!--       badge: v.code, -->
+                  <!--       detail: [ -->
+                  <!--         { -->
+                  <!--           label: $t('personnelCardNationality'), -->
+                  <!--           value: v.nationality, -->
+                  <!--         }, -->
+                  <!--         { -->
+                  <!--           label: $t('personnelCardAge'), -->
+                  <!--           value: calculateAge(v.dateOfBirth), -->
+                  <!--         }, -->
+                  <!--       ], -->
+                  <!--     })) -->
+                  <!--   " -->
+                  <!--   @history="openHistory" -->
+                  <!--   @update-card="openDialogInputForm" -->
+                  <!--   @enter-card="openDialogInputForm" -->
+                  <!--   @delete-card="onDelete" -->
+                  <!--   @toggle-status=" -->
+                  <!--     (id, status) => toggleStatusEmployee(id, status) -->
+                  <!--   " -->
+                  <!-- /> -->
                 </div>
                 <div
                   v-if="listEmployee.length !== 0"
@@ -3063,20 +3063,20 @@ watch([inputSearch, currentStatus], async () => {
       <template #person-card>
         <div class="q-ma-md">
           <AppBox class="surface-1" style="padding: 0">
-            <PersonCard
-              :can-edit-profile="infoDrawerEmployeeEdit"
-              no-hover
-              no-action
-              no-detail
-              no-bg
-              :list="infoEmployeePersonCard ? infoEmployeePersonCard : []"
-              :gridColumns="1"
-              @edit-profile="
-                () => {
-                  inputFile.click();
-                }
-              "
-            />
+            <!-- <PersonCard -->
+            <!--   :can-edit-profile="infoDrawerEmployeeEdit" -->
+            <!--   no-hover -->
+            <!--   no-action -->
+            <!--   no-detail -->
+            <!--   no-bg -->
+            <!--   :list="infoEmployeePersonCard ? infoEmployeePersonCard : []" -->
+            <!--   :gridColumns="1" -->
+            <!--   @edit-profile=" -->
+            <!--     () => { -->
+            <!--       inputFile.click(); -->
+            <!--     } -->
+            <!--   " -->
+            <!-- /> -->
           </AppBox>
         </div>
       </template>