From 865d3a26a0e83f8ef8f495cbac53c789339bcf86 Mon Sep 17 00:00:00 2001
From: admsk2 <info@admsk2.pl>
Date: Mon, 26 Aug 2024 13:13:50 +0200
Subject: [PATCH] refactor: Effigy icon fetching

---
 public/default_effigy.svg                             | 1 +
 src/components/Navbar/NavbarButtons/ProfileButton.tsx | 4 +++-
 src/components/ProfilePage/AddressBox/AddressBox.tsx  | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)
 create mode 100644 public/default_effigy.svg

diff --git a/public/default_effigy.svg b/public/default_effigy.svg
new file mode 100644
index 00000000..12c85dbe
--- /dev/null
+++ b/public/default_effigy.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" style="shape-rendering: crispEdges"><rect x="0" y="0" width="32" height="32" fill="hsl(338,40.154489232227206%,58.05737965274602%)"/><rect x="0" y="0" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="4" y="0" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="8" y="0" width="4" height="4" fill="hsl(90,88.51982072927058%,60.87038378464058%)"/><rect x="12" y="0" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="16" y="0" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="20" y="0" width="4" height="4" fill="hsl(90,88.51982072927058%,60.87038378464058%)"/><rect x="24" y="0" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="28" y="0" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="0" y="4" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="8" y="4" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="20" y="4" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="28" y="4" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="8" y="8" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="20" y="8" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="4" y="12" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="8" y="12" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="12" y="12" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="16" y="12" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="20" y="12" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="24" y="12" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="8" y="16" width="4" height="4" fill="hsl(90,88.51982072927058%,60.87038378464058%)"/><rect x="12" y="16" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="16" y="16" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="20" y="16" width="4" height="4" fill="hsl(90,88.51982072927058%,60.87038378464058%)"/><rect x="0" y="20" width="4" height="4" fill="hsl(90,88.51982072927058%,60.87038378464058%)"/><rect x="12" y="20" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="16" y="20" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="28" y="20" width="4" height="4" fill="hsl(90,88.51982072927058%,60.87038378464058%)"/><rect x="4" y="24" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="8" y="24" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="12" y="24" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="16" y="24" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="20" y="24" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="24" y="24" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="4" y="28" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/><rect x="12" y="28" width="4" height="4" fill="hsl(90,88.51982072927058%,60.87038378464058%)"/><rect x="16" y="28" width="4" height="4" fill="hsl(90,88.51982072927058%,60.87038378464058%)"/><rect x="24" y="28" width="4" height="4" fill="hsl(258,83.16415960900486%,56.1466395505704%)"/></svg>
\ No newline at end of file
diff --git a/src/components/Navbar/NavbarButtons/ProfileButton.tsx b/src/components/Navbar/NavbarButtons/ProfileButton.tsx
index ef3a1f10..e8b8bfd6 100644
--- a/src/components/Navbar/NavbarButtons/ProfileButton.tsx
+++ b/src/components/Navbar/NavbarButtons/ProfileButton.tsx
@@ -10,10 +10,12 @@ export const ProfileButton = () => {
   const theme = useTheme();
   const { account } = useAccounts();
 
+  const imageSrc = account?.address ? `https://effigy.im/a/${account?.address}.png` : '/default_effigy.svg';
+
   return (
     <ProfileButtonBox onClick={() => navigate(JUMPER_LOYALTY_PATH)}>
       <Image
-        src={`https://effigy.im/a/${account?.address ?? 'jumper.eth'}.png`}
+        src={imageSrc}
         alt="Effigy Wallet Icon"
         width={44}
         height={44}
diff --git a/src/components/ProfilePage/AddressBox/AddressBox.tsx b/src/components/ProfilePage/AddressBox/AddressBox.tsx
index ab2f994f..e774603f 100644
--- a/src/components/ProfilePage/AddressBox/AddressBox.tsx
+++ b/src/components/ProfilePage/AddressBox/AddressBox.tsx
@@ -52,12 +52,12 @@ export const AddressBox = ({ address, isEVM, imageLink }: AddressBoxProps) => {
     ? imageLink
     : address && isEVM
       ? `https://effigy.im/a/${address}.png`
-      : `https://effigy.im/a/${'jumper.eth'}.png`;
+      : '/default_effigy.svg';
 
   const effigyLink =
     address && isEVM
       ? `https://effigy.im/a/${address}.png`
-      : `https://effigy.im/a/${'jumper.eth'}.png`;
+      : '/default_effigy.svg';
 
   return (
     <AddressBoxContainer imgUrl={effigyLink}>