diff --git a/.github/workflows/website-deploy.yml b/.github/workflows/website-deploy.yml
index a8e232c8..af9bfb04 100644
--- a/.github/workflows/website-deploy.yml
+++ b/.github/workflows/website-deploy.yml
@@ -61,6 +61,9 @@ jobs:
- name: Build
run: pnpm run build
+ env:
+ VITE_WALLETCONNECT_PROJECT_ID: ${{ secrets.VITE_WALLETCONNECT_PROJECT_ID }}
+ VITE_INFURA_API_KEY: ${{ secrets.VITE_INFURA_API_KEY }}
- name: Setup Pages
uses: actions/configure-pages@v3
diff --git a/website/src/assets/arbitrum-mainnet.svg b/website/src/assets/arbitrum-mainnet.svg
new file mode 100644
index 00000000..ae766afc
--- /dev/null
+++ b/website/src/assets/arbitrum-mainnet.svg
@@ -0,0 +1,36 @@
+
diff --git a/website/src/assets/arbitrum-testnet.svg b/website/src/assets/arbitrum-testnet.svg
new file mode 100644
index 00000000..ea09a8cc
--- /dev/null
+++ b/website/src/assets/arbitrum-testnet.svg
@@ -0,0 +1,36 @@
+
diff --git a/website/src/assets/linea-mainnet.svg b/website/src/assets/linea-mainnet.svg
new file mode 100644
index 00000000..e77dbeea
--- /dev/null
+++ b/website/src/assets/linea-mainnet.svg
@@ -0,0 +1,7 @@
+
diff --git a/website/src/assets/linea-testnet.svg b/website/src/assets/linea-testnet.svg
new file mode 100644
index 00000000..0eddf2a8
--- /dev/null
+++ b/website/src/assets/linea-testnet.svg
@@ -0,0 +1,7 @@
+
diff --git a/website/src/main.tsx b/website/src/main.tsx
index ec27a57e..953bd88f 100644
--- a/website/src/main.tsx
+++ b/website/src/main.tsx
@@ -3,8 +3,12 @@ import ReactDOM from "react-dom/client";
import App from "./App.tsx";
import "./index.css";
import { WagmiConfig } from "wagmi";
-import { linea, lineaTestnet, arbitrum, arbitrumGoerli, mainnet } from "wagmi/chains";
+import { arbitrum, arbitrumGoerli, linea, lineaTestnet, mainnet } from "wagmi/chains";
import { createWeb3Modal, defaultWagmiConfig } from "@web3modal/wagmi/react";
+import LineaMainnetIcon from "./assets/linea-mainnet.svg";
+import LineaTestnetIcon from "./assets/linea-testnet.svg";
+import ArbitrumMainnetIcon from "./assets/arbitrum-mainnet.svg";
+import ArbitrumTestnetIcon from "./assets/arbitrum-testnet.svg";
const projectId = import.meta.env.VITE_WALLETCONNECT_PROJECT_ID || "";
@@ -16,7 +20,18 @@ const metadata = {
const chains = [linea, lineaTestnet, arbitrum, arbitrumGoerli, mainnet];
const wagmiConfig = defaultWagmiConfig({ chains, projectId, metadata });
-createWeb3Modal({ wagmiConfig, projectId, chains });
+createWeb3Modal({
+ wagmiConfig,
+ projectId,
+ chains,
+ defaultChain: linea,
+ chainImages: {
+ 59144: LineaMainnetIcon,
+ 59140: LineaTestnetIcon,
+ 42161: ArbitrumMainnetIcon,
+ 421613: ArbitrumTestnetIcon,
+ },
+});
ReactDOM.createRoot(document.getElementById("root")!).render(