refactor: nostr gif, use it from assets instead link
This commit is contained in:
parent
5445120511
commit
3470bf78b7
Binary file not shown.
Before Width: | Height: | Size: 169 KiB |
Binary file not shown.
Before Width: | Height: | Size: 85 KiB |
BIN
src/assets/images/nostr.gif
Normal file
BIN
src/assets/images/nostr.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 32 KiB |
@ -2,6 +2,7 @@ import { Box, Button, Link as LinkMui } from '@mui/material'
|
|||||||
import { Link } from 'react-router-dom'
|
import { Link } from 'react-router-dom'
|
||||||
import styles from './style.module.scss'
|
import styles from './style.module.scss'
|
||||||
import { Container } from '../Container'
|
import { Container } from '../Container'
|
||||||
|
import nostrImage from '../../assets/images/nostr.gif'
|
||||||
|
|
||||||
export const Footer = () => (
|
export const Footer = () => (
|
||||||
<footer className={`${styles.borderTop} ${styles.footer}`}>
|
<footer className={`${styles.borderTop} ${styles.footer}`}>
|
||||||
@ -117,12 +118,7 @@ export const Footer = () => (
|
|||||||
}}
|
}}
|
||||||
variant={'contained'}
|
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>
|
</Button>
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
|
@ -10,6 +10,7 @@ import styles from './style.module.scss'
|
|||||||
import { appPublicRoutes } from '../../routes'
|
import { appPublicRoutes } from '../../routes'
|
||||||
import { faClose } from '@fortawesome/free-solid-svg-icons'
|
import { faClose } from '@fortawesome/free-solid-svg-icons'
|
||||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
||||||
|
import nostrImage from '../../assets/images/nostr.gif'
|
||||||
|
|
||||||
function useRouteMatch(patterns: readonly string[]) {
|
function useRouteMatch(patterns: readonly string[]) {
|
||||||
const { pathname } = useLocation()
|
const { pathname } = useLocation()
|
||||||
@ -34,14 +35,7 @@ export const Modal = () => {
|
|||||||
to: appPublicRoutes.nostr,
|
to: appPublicRoutes.nostr,
|
||||||
title: 'Login',
|
title: 'Login',
|
||||||
sx: { padding: '10px' },
|
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))
|
const routeMatch = useRouteMatch(tabs.map((t) => t.to))
|
||||||
|
Loading…
Reference in New Issue
Block a user