Feat/add optimism (#282)

* feat: add optimism

* fix: progress bar alignment

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,
 ];

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,
+};

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}