From 1e3e3131cc687deb6464fffcb6f61de627ab0fde Mon Sep 17 00:00:00 2001
From: Stephanie Egbuonu <100955511+stephanniegb@users.noreply.github.com>
Date: Tue, 17 Sep 2024 11:02:57 +0100
Subject: [PATCH] Update AddressBar.tsx

---
 frontend/src/app/components/lib/AddressBar.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/components/lib/AddressBar.tsx b/frontend/src/app/components/lib/AddressBar.tsx
index a38dfa7..3e49028 100644
--- a/frontend/src/app/components/lib/AddressBar.tsx
+++ b/frontend/src/app/components/lib/AddressBar.tsx
@@ -14,8 +14,8 @@ import CopyButton from "../internal/util/CopyButton";
 const UserModal = () => {
   const { address } = useAccount();
   const { disconnect } = useDisconnect();
-
   const [isCopied, setIsCopied] = useState(false);
+  const [imageError, setImageError] = useState(false);
   const { data: starkProfile } = useStarkProfile({
     address,
   });
@@ -47,11 +47,12 @@ const UserModal = () => {
 
           <div className="mx-auto">
             <div className="mx-auto mb-4 h-20 w-20 overflow-clip rounded-full md:h-24 md:w-24">
-              {starkProfile?.profilePicture ? (
+              {!imageError && starkProfile?.profilePicture ? (
                 <img
                   src={starkProfile?.profilePicture}
                   className="w-full rounded-full"
                   alt="starknet profile"
+                  onError={() => setImageError(true)}
                 />
               ) : (
                 <Blockies
@@ -99,7 +100,7 @@ const AddressBar = () => {
   const { data: starkProfile } = useStarkProfile({
     address,
   });
-
+  const [imageError, setImageError] = useState(false);
   if (!address) {
     return null;
   }
@@ -128,11 +129,14 @@ const AddressBar = () => {
       >
         {
           <span className="flex items-center">
-            {starkProfile?.profilePicture ? (
+            {!imageError && starkProfile?.profilePicture ? (
               <img
-                src={starkProfile?.profilePicture}
+                src={starkProfile.profilePicture}
                 className="mr-2 h-8 w-8 rounded-full"
                 alt="starknet profile"
+                onError={() => {
+                  setImageError(true);
+                }}
               />
             ) : (
               <Blockies seed={address} className="mr-2 h-8 w-8 rounded-full" />