diff --git a/components/TokenLogo/TokenLogo.tsx b/components/TokenLogo/TokenLogo.tsx index e09c6c0..b4ec3a7 100644 --- a/components/TokenLogo/TokenLogo.tsx +++ b/components/TokenLogo/TokenLogo.tsx @@ -1,6 +1,8 @@ import { Token } from '@/types' -import Image from 'next/image' import styles from './TokenLogo.module.css' +import oceanImage from '@/images/ocean.png' +import agixImage from '@/images/agix.png' +import fetImage from '@/images/fet.png' export function TokenLogo({ token, @@ -9,13 +11,21 @@ export function TokenLogo({ token: Token | undefined size?: number }) { + const imageSrc = + token?.symbol === 'OCEAN' + ? oceanImage + : token?.symbol === 'AGIX' + ? agixImage + : fetImage + return token ? ( - {token.symbol} ) : null diff --git a/images/agix.png b/images/agix.png new file mode 100644 index 0000000..7ea9acd Binary files /dev/null and b/images/agix.png differ diff --git a/images/fet.png b/images/fet.png new file mode 100644 index 0000000..f86c7ff Binary files /dev/null and b/images/fet.png differ diff --git a/images/ocean.png b/images/ocean.png new file mode 100644 index 0000000..454426e Binary files /dev/null and b/images/ocean.png differ