From 23e2469cd22f0e4090274475ca65c939b5042867 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Mon, 8 Jul 2024 09:09:55 +0700
Subject: [PATCH] =?UTF-8?q?refactor:=20=E0=B8=94=E0=B8=B1=E0=B8=81?=
 =?UTF-8?q?=E0=B9=84=E0=B8=A1=E0=B9=88=E0=B8=A1=E0=B8=B5=E0=B8=A3=E0=B8=B9?=
 =?UTF-8?q?=E0=B8=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/PersonCard.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/home/PersonCard.vue b/src/components/home/PersonCard.vue
index 6983b07e..6e5409be 100644
--- a/src/components/home/PersonCard.vue
+++ b/src/components/home/PersonCard.vue
@@ -153,22 +153,36 @@ defineEmits<{
         </q-btn>
       </div>
 
+     
       <!-- profile -->
+    
       <AppCircle
         bordered
         class="avatar"
         style="border: 2px solid var(--border-color); overflow: visible"
         @click="$emit('editProfile')"
       >
+
+       
         <q-img
-          :src="data.img"
+          :src="data.img ?? '/no-profile.png'"
           style="
             object-fit: cover;
             width: 100%;
             height: 100%;
             border-radius: 50%;
           "
-        />
+        >
+   <template #error>
+          <div
+            style="background: none"
+            class="full-width full-height items-center justify-center flex"
+          >
+            <q-img src="/no-profile.png" width="5rem" />
+          </div>
+        </template>
+
+        </q-img>
         <div class="avatar__status"></div>
       </AppCircle>