From a9f233a81ee6f95a7365d9a2b900dcefcf28a691 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Thu, 25 Apr 2024 17:06:08 +0530
Subject: [PATCH] Update ProfileAvatar.vue

---
 app/javascript/v3/components/Form/ProfileAvatar.vue | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/app/javascript/v3/components/Form/ProfileAvatar.vue b/app/javascript/v3/components/Form/ProfileAvatar.vue
index 10de75112..af5e3c351 100644
--- a/app/javascript/v3/components/Form/ProfileAvatar.vue
+++ b/app/javascript/v3/components/Form/ProfileAvatar.vue
@@ -4,14 +4,8 @@
     @mouseover="onImageOver"
     @mouseleave="onImageOut"
   >
-    <div
-      v-if="shouldShowFallback"
-      class="flex items-center justify-center h-[72px] w-[72px] rounded-xl bg-ash-300"
-    >
-      <fluent-icon icon="person" type="filled" size="40" class="text-ash-50" />
-    </div>
     <img
-      v-else-if="shouldShowImage"
+      v-if="shouldShowImage"
       class="rounded-xl h-[72px] w-[72px]"
       :src="src"
       draggable="false"
@@ -68,8 +62,6 @@ const imageLoadedError = ref(false);
 const shouldShowUploadIcon = ref(false);
 const fileInputRef = ref(null);
 
-const shouldShowFallback = computed(() => !props.src && !props.name);
-
 const shouldShowImage = computed(() => {
   if (!props.src) {
     return false;
@@ -86,6 +78,7 @@ const onImageLoadError = () => {
 
 const onImageLoad = () => {
   hasImageLoaded.value = true;
+  imageLoadedError.value = false;
 };
 
 const onImageOver = () => {