fix: adding optimism icon (#193)

wainola · web-flow · commit 0bcedfb0f7be · 2024-09-30T12:57:54.000-03:00
* fix: adding optimism icon

* chore: small update on alt for images
diff --git a/public/assets/icons/optimism.svg b/public/assets/icons/optimism.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF0420;}
+	.st1{fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="250" cy="250" r="250"/>
+<path class="st1" d="M177.1,316.4c-14.9,0-27.1-3.5-36.6-10.5c-9.4-7.1-14.1-17.3-14.1-30.4c0-2.8,0.3-6.1,0.9-10.1
+	c1.6-9,3.9-19.8,6.9-32.5c8.5-34.4,30.5-51.6,65.9-51.6c9.6,0,18.3,1.6,25.9,4.9c7.6,3.1,13.6,7.9,18,14.3
+	c4.4,6.3,6.6,13.8,6.6,22.5c0,2.6-0.3,5.9-0.9,9.9c-1.9,11.1-4.1,22-6.8,32.5c-4.4,17.1-11.9,30-22.7,38.5
+	C209.5,312.3,195.1,316.4,177.1,316.4z M179.8,289.4c7,0,12.9-2.1,17.8-6.2c5-4.1,8.6-10.4,10.7-19c2.9-11.8,5.1-22,6.6-30.8
+	c0.5-2.6,0.8-5.3,0.8-8.1c0-11.4-5.9-17.1-17.8-17.1c-7,0-13,2.1-18,6.2c-4.9,4.1-8.4,10.4-10.5,19c-2.3,8.4-4.5,18.6-6.8,30.8
+	c-0.5,2.5-0.8,5.1-0.8,7.9C161.7,283.7,167.8,289.4,179.8,289.4z"/>
+<path class="st1" d="M259.3,314.6c-1.4,0-2.4-0.4-3.2-1.3c-0.6-1-0.8-2.1-0.6-3.4l25.9-122c0.2-1.4,0.9-2.5,2.1-3.4
+	c1.1-0.9,2.3-1.3,3.6-1.3H337c13.9,0,25,2.9,33.4,8.6c8.5,5.8,12.8,14.1,12.8,25c0,3.1-0.4,6.4-1.1,9.8c-3.1,14.4-9.4,25-19,31.9
+	c-9.4,6.9-22.3,10.3-38.7,10.3h-25.3l-8.6,41.1c-0.3,1.4-0.9,2.5-2.1,3.4c-1.1,0.9-2.3,1.3-3.6,1.3H259.3z M325.7,242.9
+	c5.3,0,9.8-1.4,13.7-4.3c4-2.9,6.6-7,7.9-12.4c0.4-2.1,0.6-4,0.6-5.6c0-3.6-1.1-6.4-3.2-8.3c-2.1-2-5.8-3-10.9-3h-22.5l-7.1,33.6
+	H325.7z"/>
+</svg>
diff --git a/src/utils/renderUtils.tsx b/src/utils/renderUtils.tsx
@@ -36,14 +36,17 @@ export const renderNetworkIcon = (caipId: string, classes: Record<"networkIcon"
     case "eip155:10200":
       return <img src={`/assets/icons/gnosis.svg`} alt="gnosis" className={classes.networkIcon} />
     case "eip155:421614":
-      return <img src={`/assets/icons/arbitrum.svg`} alt="gnosis" className={classes.networkIcon} />
+    case "eip155:42161":
+      return <img src={`/assets/icons/arbitrum.svg`} alt="arbitrum" className={classes.networkIcon} />
     case "eip155:84532":
-      return <img src={`/assets/icons/base.svg`} alt="gnosis" className={classes.networkIcon} />
+      return <img src={`/assets/icons/base.svg`} alt="base" className={classes.networkIcon} />
     case "polkadot:3799":
-      return <img src={`/assets/icons/tangle-logo.svg`} alt="gnosis" className={classes.networkIcon} />
+      return <img src={`/assets/icons/tangle-logo.svg`} alt="tangle" className={classes.networkIcon} />
     case "eip155:1993":
     case "eip155:8333":
-      return <img src={`/assets/icons/b3-sepolia.svg`} alt="gnosis" className={classes.networkIcon} />
+      return <img src={`/assets/icons/b3-sepolia.svg`} alt="b3-sepolia" className={classes.networkIcon} />
+    case "eip155:10":
+      return <img src={`/assets/icons/optimism.svg`} alt="optimism" className={classes.networkIcon} />
     default:
       return <img src={`/assets/icons/evm.svg`} alt="ethereum" className={classes.networkIcon} />
   }
