static & manually optimized token logos

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 ? (
     <span className={styles.logo} data-symbol={token.symbol}>
-      <Image
+      {/* eslint-disable-next-line @next/next/no-img-element */}
-        src={`https://tokens.1inch.io/${token.address}.png`}
+      <img
+        src={imageSrc.src}
         width={size}
         height={size}
-        alt={token.symbol}
+        alt={`${token.symbol} Logo`}
       />
     </span>
   ) : null