src/components/Footer/Footer.tsx

@@ -2,6 +2,7 @@ import { Box, Button, Link as LinkMui } from '@mui/material'
 import { Link } from 'react-router-dom'
 import styles from './style.module.scss'
 import { Container } from '../Container'
+import nostrImage from '../../assets/images/nostr.gif'
 
 export const Footer = () => (
   <footer className={`${styles.borderTop} ${styles.footer}`}>
@@ -117,12 +118,7 @@ export const Footer = () => (
             }}
             variant={'contained'}
           >
-            <img
+            <img src={nostrImage} width="25" alt="nostr logo" height="25" />
-              src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"
-              width="25"
-              alt="nostr logo"
-              height="25"
-            />
           </Button>
         </Box>
       </Box>

src/layouts/modal/index.tsx

@@ -10,6 +10,7 @@ import styles from './style.module.scss'
 import { appPublicRoutes } from '../../routes'
 import { faClose } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import nostrImage from '../../assets/images/nostr.gif'
 
 function useRouteMatch(patterns: readonly string[]) {
   const { pathname } = useLocation()
@@ -34,14 +35,7 @@ export const Modal = () => {
       to: appPublicRoutes.nostr,
       title: 'Login',
       sx: { padding: '10px' },
-      label: (
+      label: <img src={nostrImage} width="25" alt="nostr logo" height="25" />
-        <img
-          src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"
-          width="25"
-          alt="nostr logo"
-          height="25"
-        />
-      )
     }
   ]
   const routeMatch = useRouteMatch(tabs.map((t) => t.to))