diff --git a/src/components/03_customer-management/BranchCardCustomer.vue b/src/components/03_customer-management/BranchCardCustomer.vue
index b4464b88..3f5926ae 100644
--- a/src/components/03_customer-management/BranchCardCustomer.vue
+++ b/src/components/03_customer-management/BranchCardCustomer.vue
@@ -1,23 +1,13 @@
 <script setup lang="ts">
-import branch from 'src/i18n/en-US/branch';
 import AppBox from 'components/app/AppBox.vue';
 
+import { CustomerBranch } from 'src/stores/customer/types';
+
 withDefaults(
   defineProps<{
-    data: any;
+    data: CustomerBranch;
   }>(),
-  {
-    data: {
-      branchCode: 'SNIS-642',
-      branchName: 'จ็อบเวิร์ดเกอร์เซอร์วิส',
-      address: 'เลขที่ 49,51 ถนนสุขสวัสดิ์ แขวงราษฏร์บูรณะ ...',
-      tel: '02-012-2323',
-      type: 'สาขา',
-      typeCop: 'แม่บ้าน',
-      boolean: true,
-      number: 10,
-    },
-  },
+  {},
 );
 </script>
 
@@ -26,7 +16,7 @@ withDefaults(
     <div
       class="row col-12 q-px-md q-py-md justify-between bordered-b surface-3 items-center"
     >
-      <div>{{ $t('customerBranchFormTab') }} {{ data.branchCode }}</div>
+      <div>{{ $t('customerBranchFormTab') }} {{ data.branchNo }}</div>
       <q-btn
         @click.stop="$emit('view-detail')"
         :label="$t('viewDetail')"
@@ -39,7 +29,7 @@ withDefaults(
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b">
       <div class="col-5">{{ $t('branchName') }}</div>
-      <div class="col-7">{{ data.branchName }}</div>
+      <div class="col-7">{{ data.name }}</div>
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b surface-2">
       <div class="col-5">{{ $t('address') }}</div>
@@ -47,17 +37,17 @@ withDefaults(
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b">
       <div class="col-5">{{ $t('telephone') }}</div>
-      <div class="col-7">{{ data.tel }}</div>
+      <div class="col-7">{{ data.telephoneNo }}</div>
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b surface-2">
       <div class="col-5">{{ $t('businessTypePure') }}</div>
-      <div class="col-7">{{ data.typeCop }}</div>
+      <div class="col-7">{{ data.bussinessType }}</div>
     </div>
     <div class="row col-12 q-px-md q-py-sm bordered-b">
       <div class="col-5">{{ $t('status') }}</div>
       <div class="col-7">
         <q-badge
-          v-if="data.boolean"
+          v-if="data.status"
           class="q-px-md q-py-xs rounded"
           style="background-color: var(--teal-1); color: var(--teal-4)"
         >
@@ -75,7 +65,7 @@ withDefaults(
     </div>
     <div class="row col-12 q-px-md q-py-sm surface-3">
       <div class="col-5">{{ $t('allEmployee') }}</div>
-      <div class="col-7">{{ data.number }}</div>
+      <div class="col-7">-</div>
     </div>
   </AppBox>
 </template>