From 6cc6005908b35a2eefd8196798f4f41e25328771 Mon Sep 17 00:00:00 2001
From: Bruno Menezes <brunodmenezes@gmail.com>
Date: Fri, 24 May 2024 10:07:29 +1200
Subject: [PATCH] feat: Add configuration for Optimism-Sepolia and
 Optimism-Mainnet. (#184)

---
 apps/web/.env.optimism-mainnet            |  2 ++
 apps/web/.env.optimism-sepolia            |  2 ++
 apps/web/src/providers/walletProvider.tsx | 26 +++++++++++++++++++++--
 3 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 apps/web/.env.optimism-mainnet
 create mode 100644 apps/web/.env.optimism-sepolia

diff --git a/apps/web/.env.optimism-mainnet b/apps/web/.env.optimism-mainnet
new file mode 100644
index 000000000..b9abbfa02
--- /dev/null
+++ b/apps/web/.env.optimism-mainnet
@@ -0,0 +1,2 @@
+NEXT_PUBLIC_CHAIN_ID=10
+NEXT_PUBLIC_EXPLORER_API_URL="https://optimism.api.cartesiscan.io/graphql"
diff --git a/apps/web/.env.optimism-sepolia b/apps/web/.env.optimism-sepolia
new file mode 100644
index 000000000..d6d1de040
--- /dev/null
+++ b/apps/web/.env.optimism-sepolia
@@ -0,0 +1,2 @@
+NEXT_PUBLIC_CHAIN_ID=11155420
+NEXT_PUBLIC_EXPLORER_API_URL="https://optimism-sepolia.api.cartesiscan.io/graphql"
diff --git a/apps/web/src/providers/walletProvider.tsx b/apps/web/src/providers/walletProvider.tsx
index 92580c57c..bfc8acf6d 100644
--- a/apps/web/src/providers/walletProvider.tsx
+++ b/apps/web/src/providers/walletProvider.tsx
@@ -16,13 +16,21 @@ import Image from "next/image";
 import { ReactNode } from "react";
 import Jazzicon, { jsNumberForAddress } from "react-jazzicon";
 import { createConfig, fallback, http, WagmiProvider } from "wagmi";
-import { foundry, mainnet, sepolia } from "wagmi/chains";
+import {
+    foundry,
+    mainnet,
+    optimism,
+    optimismSepolia,
+    sepolia,
+} from "wagmi/chains";
 
 // select chain based on env var
 const chainId = parseInt(process.env.NEXT_PUBLIC_CHAIN_ID || "31337");
 const alchemyApiKey = process.env.NEXT_PUBLIC_ALCHEMY_API_KEY;
 const chain =
-    [foundry, mainnet, sepolia].find((c) => c.id == chainId) || foundry;
+    [foundry, mainnet, sepolia, optimism, optimismSepolia].find(
+        (c) => c.id == chainId,
+    ) || foundry;
 
 const projectId = "a6265c875f8a7513ac7c52362abf434b";
 
@@ -66,6 +74,8 @@ const CustomAvatar: AvatarComponent = ({ address, ensImage, size }) => {
 const [defaultMainnetRpcUrl] = mainnet.rpcUrls.default.http;
 const [defaultSepoliaRpcUrl] = sepolia.rpcUrls.default.http;
 const [defaultFoundryRpcUrl] = foundry.rpcUrls.default.http;
+const [defaultOptimismRpcUrl] = optimism.rpcUrls.default.http;
+const [defaultOptimismSepoliaRpcUrl] = optimismSepolia.rpcUrls.default.http;
 
 const wagmiConfig = createConfig({
     ssr: true,
@@ -85,6 +95,18 @@ const wagmiConfig = createConfig({
               ])
             : http(defaultSepoliaRpcUrl),
         [foundry.id]: http(defaultFoundryRpcUrl),
+        [optimism.id]: alchemyApiKey
+            ? fallback([
+                  http(`https://opt-mainnet.g.alchemy.com/v2/${alchemyApiKey}`),
+                  http(defaultOptimismRpcUrl),
+              ])
+            : http(defaultOptimismRpcUrl),
+        [optimismSepolia.id]: alchemyApiKey
+            ? fallback([
+                  http(`https://opt-sepolia.g.alchemy.com/v2/${alchemyApiKey}`),
+                  http(defaultOptimismSepoliaRpcUrl),
+              ])
+            : http(defaultOptimismSepoliaRpcUrl),
     },
 });