diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 488e5429..a0420999 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -34,7 +34,7 @@ import {
   CustomerBranch,
   CustomerBranchCreate,
 } from 'stores/customer/types';
-import { EmployeeCreate } from 'stores/employee/types';
+import { EmployeeCreate, Employee } from 'stores/employee/types';
 import { onMounted } from 'vue';
 
 import FormPerson from 'src/components/02_personnel-management/FormPerson.vue';
@@ -825,7 +825,7 @@ watch(locale, () => {
           <div>
             <PersonCard
               :list="
-                listEmployee.map((v) => ({
+                listEmployee.map((v: Employee) => ({
                   id: v.id,
                   name:
                     $i18n.locale === 'en-US'
diff --git a/src/stores/employee/types.ts b/src/stores/employee/types.ts
index ad388e2f..974648ba 100644
--- a/src/stores/employee/types.ts
+++ b/src/stores/employee/types.ts
@@ -2,30 +2,47 @@ import { District, Province, SubDistrict } from '../address';
 import { Status } from '../types';
 
 export type Employee = {
-  provinceId: string | null;
-  districtId: string | null;
-  subDistrictId: string | null;
+  id: string;
+  code: string;
+  nrcNo: string;
+  firstName: string;
+  firstNameEN: string;
+  lastName: string;
+  lastNameEN: string;
+  dateOfBirth: Date;
+  gender: string;
+  nationality: string;
+  address: string;
+  addressEN: string;
+  provinceId: string;
+  districtId: string;
+  subDistrictId: string;
+  zipCode: string;
+  passportType: string;
+  passportNumber: string;
+  passportIssuingCountry: string;
+  passportIssuingPlace: string;
+  passportIssueDate: Date;
+  passportExpiryDate: Date;
+  previousPassportReference: string;
+  visaType: string;
+  visaNumber: string;
+  visaIssueDate: Date;
+  visaExpiryDate: Date;
+  visaIssuingPlace: string;
+  visaStayUntilDate: Date;
+  workerStatus: string;
+  customerBranchId: string;
+  status: Status;
+  tm6Number: string;
+  createdAt: Date;
+  createdBy: string;
+  updatedAt: Date;
+  updateBy: string;
   subDistrict: SubDistrict | null;
   district: District | null;
   province: Province | null;
-  arrivalCardNo: string;
-  arrivalBarricade: string;
-  telephoneNo: string;
-  email: string;
-  zipCode: string;
-  address: string;
-  addressEN: string;
-  lastNameEN: string;
-  lastName: string;
-  firstNameEN: string;
-  firstName: string;
-  nationality: string;
-  gender: string;
-  dateOfBirth: string;
-  nrcNo: string;
-  code: string;
-  status: Status;
-  imageUrl: string | null;
+  profileImageUrl: string | null;
 };
 
 export type EmployeeCreate = {