From 3cdc2a1380bb711609e947afc4313ea7e4469da2 Mon Sep 17 00:00:00 2001
From: Vladimir Agaev <agaev.vladimir@gmail.com>
Date: Thu, 16 Feb 2023 16:22:00 +0000
Subject: [PATCH] Feat/add optimism (#282)

* feat: add optimism

* fix: progress bar alignment
---
 public/assets/chains/optimism.logo.svg        | 12 ++++++++++
 src/config/web3/evm/testnet/index.ts          |  2 ++
 src/config/web3/evm/testnet/optimism.ts       | 23 +++++++++++++++++++
 .../states/06.SrcChainTxPropagation.tsx       |  2 +-
 4 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 public/assets/chains/optimism.logo.svg
 create mode 100644 src/config/web3/evm/testnet/optimism.ts

diff --git a/public/assets/chains/optimism.logo.svg b/public/assets/chains/optimism.logo.svg
new file mode 100644
index 000000000..81be4b04d
--- /dev/null
+++ b/public/assets/chains/optimism.logo.svg
@@ -0,0 +1,12 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12 25C18.6274 25 24 19.6274 24 13C24 6.37258 18.6274 1 12 1C5.37258 1 0 6.37258 0 13C0 19.6274 5.37258 25 12 25Z"
+    fill="#FF0420" />
+  <path
+    d="M8.50086 16.1872C7.78566 16.1872 7.20006 16.0192 6.74406 15.6832C6.29286 15.3424 6.06726 14.8528 6.06726 14.224C6.06726 14.0896 6.08166 13.9312 6.11046 13.7392C6.18726 13.3072 6.29766 12.7888 6.44166 12.1792C6.84966 10.528 7.90566 9.70239 9.60486 9.70239C10.0657 9.70239 10.4833 9.77919 10.8481 9.93759C11.2129 10.0864 11.5009 10.3168 11.7121 10.624C11.9233 10.9264 12.0289 11.2864 12.0289 11.704C12.0289 11.8288 12.0145 11.9872 11.9857 12.1792C11.8945 12.712 11.7889 13.2352 11.6593 13.7392C11.4481 14.56 11.0881 15.1792 10.5697 15.5872C10.0561 15.9904 9.36486 16.1872 8.50086 16.1872ZM8.63046 14.8912C8.96646 14.8912 9.24966 14.7904 9.48486 14.5936C9.72486 14.3968 9.89766 14.0944 9.99846 13.6816C10.1377 13.1152 10.2433 12.6256 10.3153 12.2032C10.3393 12.0784 10.3537 11.9488 10.3537 11.8144C10.3537 11.2672 10.0705 10.9936 9.49926 10.9936C9.16326 10.9936 8.87526 11.0944 8.63526 11.2912C8.40006 11.488 8.23206 11.7904 8.13126 12.2032C8.02086 12.6064 7.91526 13.096 7.80486 13.6816C7.78086 13.8016 7.76646 13.9264 7.76646 14.0608C7.76166 14.6176 8.05446 14.8912 8.63046 14.8912Z"
+    fill="white" />
+  <path
+    d="M12.4464 16.1008C12.3792 16.1008 12.3312 16.0816 12.2928 16.0384C12.264 15.9904 12.2544 15.9376 12.264 15.8752L13.5072 10.0192C13.5168 9.95198 13.5504 9.89918 13.608 9.85598C13.6608 9.81278 13.7184 9.79358 13.7808 9.79358H16.176C16.8432 9.79358 17.376 9.93278 17.7792 10.2064C18.1872 10.4848 18.3936 10.8832 18.3936 11.4064C18.3936 11.5552 18.3744 11.7136 18.3408 11.8768C18.192 12.568 17.8896 13.0768 17.4288 13.408C16.9776 13.7392 16.3584 13.9024 15.5712 13.9024H14.3568L13.944 15.8752C13.9296 15.9424 13.9008 15.9952 13.8432 16.0384C13.7904 16.0816 13.7328 16.1008 13.6704 16.1008H12.4464ZM15.6336 12.6592C15.888 12.6592 16.104 12.592 16.2912 12.4528C16.4832 12.3136 16.608 12.1168 16.6704 11.8576C16.6896 11.7568 16.6992 11.6656 16.6992 11.5888C16.6992 11.416 16.6464 11.2816 16.5456 11.1904C16.4448 11.0944 16.2672 11.0464 16.0224 11.0464H14.9424L14.6016 12.6592H15.6336Z"
+    fill="white" />
+</svg>
+  
\ No newline at end of file
diff --git a/src/config/web3/evm/testnet/index.ts b/src/config/web3/evm/testnet/index.ts
index 9c838d8d0..d0d197ade 100644
--- a/src/config/web3/evm/testnet/index.ts
+++ b/src/config/web3/evm/testnet/index.ts
@@ -8,6 +8,7 @@ import { ethereum } from "./ethereum";
 import { fantom } from "./fantom";
 import { kava } from "./kava";
 import { moonbeam } from "./moonbeam";
+import { optimism } from "./optimism";
 import { polygon } from "./polygon";
 
 export const testnetChains: ChainExtension[] = [
@@ -21,4 +22,5 @@ export const testnetChains: ChainExtension[] = [
   kava,
   arbitrum,
   celo,
+  optimism,
 ];
diff --git a/src/config/web3/evm/testnet/optimism.ts b/src/config/web3/evm/testnet/optimism.ts
new file mode 100644
index 000000000..933d3f2ad
--- /dev/null
+++ b/src/config/web3/evm/testnet/optimism.ts
@@ -0,0 +1,23 @@
+import { ChainExtension } from "../interface";
+
+export const optimism: ChainExtension = {
+  id: 420,
+  name: "Optimism Goerli Testnet",
+  network: "optimism-goerli",
+  networkNameOverride: "optimism",
+  nativeCurrency: {
+    name: "Ether",
+    symbol: "ETH",
+    decimals: 18,
+  },
+  blockExplorers: {
+    default: {
+      name: "Etherscan",
+      url: "https://goerli-optimism.etherscan.io/",
+    },
+  },
+  rpcUrls: {
+    default: "https://goerli.optimism.io",
+  },
+  testnet: true,
+};
diff --git a/src/features/swap-states/states/06.SrcChainTxPropagation.tsx b/src/features/swap-states/states/06.SrcChainTxPropagation.tsx
index 5e6902cf8..214601246 100644
--- a/src/features/swap-states/states/06.SrcChainTxPropagation.tsx
+++ b/src/features/swap-states/states/06.SrcChainTxPropagation.tsx
@@ -101,7 +101,7 @@ export const SrcChainTxPropagation = () => {
                   Axelar...
                 </span>
               </div>
-              <div className="flex items-center mt-2 gap-x-2">
+              <div className="flex items-center justify-center mt-2 gap-x-2">
                 <progress
                   className="w-56 progress progress-success"
                   value={numConfirmationsSoFar}