From 8de9c1824615b42cb851433c5b6fa60e035db8da Mon Sep 17 00:00:00 2001
From: Wan Qi Chen <495709+wa0x6e@users.noreply.github.com>
Date: Mon, 30 Sep 2024 00:42:19 +0400
Subject: [PATCH] fix: fix stamp avatar case sensitiveness

---
 src/components/AvatarUser.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/AvatarUser.vue b/src/components/AvatarUser.vue
index 07bc78c5c5d0..772a7d667e76 100644
--- a/src/components/AvatarUser.vue
+++ b/src/components/AvatarUser.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { getAddress } from '@ethersproject/address';
+
 const props = withDefaults(
   defineProps<{
     address: string;
@@ -13,15 +15,23 @@ const props = withDefaults(
 
 const { profilesCreated } = useProfiles();
 
+const normalizedAddress = computed(() => getAddress(props.address));
+
 const timestamp = computed(() => {
-  if (!props?.address || !profilesCreated.value?.[props.address]) return '';
-  return `&ts=${profilesCreated.value[props.address]}`;
+  if (
+    !normalizedAddress.value ||
+    !profilesCreated.value?.[normalizedAddress.value]
+  ) {
+    return '';
+  }
+
+  return `&ts=${profilesCreated.value[normalizedAddress.value]}`;
 });
 </script>
 
 <template>
   <BaseAvatar
-    :src="`https://cdn.stamp.fyi/avatar/eth:${address}?s=${
+    :src="`https://cdn.stamp.fyi/avatar/eth:${normalizedAddress}?s=${
       Number(size) * 2
     }${timestamp}`"
     :preview-file="previewFile"