From 0c2b624d0d66d776a582ec666a68b13ad8382dee Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 7 Jun 2024 15:05:22 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20by=20=E0=B8=84=E0=B9=88=E0=B8=B2=20curr?=
 =?UTF-8?q?entCustomerName=20,=20imageUrl?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CustomerInfoComponent.vue                  | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/03_customer-management/CustomerInfoComponent.vue b/src/components/03_customer-management/CustomerInfoComponent.vue
index cb386d42..dffc31d5 100644
--- a/src/components/03_customer-management/CustomerInfoComponent.vue
+++ b/src/components/03_customer-management/CustomerInfoComponent.vue
@@ -12,6 +12,9 @@ const { fetchListById } = userCustomer;
 const inputSearch = ref<string>('');
 const branch = ref<CustomerBranch[]>();
 
+const currentCustomerName = ref<string>('');
+const currentCustomerUrlImage = ref<string>('');
+
 const prop = withDefaults(
   defineProps<{
     color?: 'purple' | 'green';
@@ -24,7 +27,11 @@ const prop = withDefaults(
 
 onMounted(async () => {
   const result = await fetchListById(prop.customerId);
-  if (result) branch.value = result.branch;
+  if (result) {
+    currentCustomerName.value = result.customerName;
+    currentCustomerUrlImage.value = result.imageUrl;
+    branch.value = result.branch;
+  }
 });
 </script>
 
@@ -45,11 +52,16 @@ onMounted(async () => {
           style="border-radius: 0 0 40px 40px; position: relative"
         >
           <q-avatar no-padding size="50px">
-            <img src="https://cdn.quasar.dev/img/avatar1.jpg" />
+            <img
+              :src="
+                currentCustomerUrlImage ??
+                'https://cdn.quasar.dev/img/avatar1.jpg'
+              "
+            />
           </q-avatar>
         </q-card-section>
         <div>
-          <div>นายสุขใจ แสนดี</div>
+          <div>{{ currentCustomerName }}</div>
           <div class="row items-center">
             <i
               class="isax isax-frame5"