diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 89088d36..4c09a31f 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -12,12 +12,7 @@ import useMyBranchStore from 'stores/my-branch';
import useUtilsStore, { dialog } from 'stores/utils';
import useFlowStore from 'stores/flow';
import { Status } from 'stores/types';
-import {
- CustomerStats,
- Customer,
- CustomerBranch,
- CustomerType,
-} from 'stores/customer/types';
+import { CustomerStats, Customer, CustomerBranch } from 'stores/customer/types';
import { Employee, EmployeeHistory } from 'stores/employee/types';
import ButtonAddComponent from 'components/ButtonAddCompoent.vue';
@@ -27,10 +22,13 @@ import TooltipComponent from 'components/TooltipComponent.vue';
import AddButton from 'components/AddButton.vue';
import NoData from 'components/NoData.vue';
import PaginationComponent from 'components/PaginationComponent.vue';
+import DialogForm from 'components/DialogForm.vue';
import CustomerInfoComponent from './components/CustomerBranch.vue';
import { columnsCustomer, columnsEmployee } from './constant';
import { useRoute, useRouter } from 'vue-router';
+import { useCustomerForm } from './form';
+import { storeToRefs } from 'pinia';
const { t, locale } = useI18n();
const $q = useQuasar();
@@ -41,6 +39,9 @@ const utilsStore = useUtilsStore();
const customerStore = useCustomerStore();
const userBranchStore = useMyBranchStore();
const employeeStore = useEmployeeStore();
+const customerFormStore = useCustomerForm();
+
+const { state: customerFormState } = storeToRefs(customerFormStore);
async function init() {
utilsStore.currentTitle.title = 'customerManagement';
@@ -1619,6 +1620,12 @@ async function openHistory(id: string) {
/>
+
+