Gnosis chain

components/ConnectWallet.tsx

@@ -15,13 +15,22 @@ import {
 } from "wagmi";
 import { setIsWalletModalOpen } from "@/store/navbarSlice";
 import { eclipseAddress } from "@/lib/helpers";
-import { arbitrum, polygon, fuse, optimism, bsc, mainnet } from "wagmi/chains";
+import {
+  arbitrum,
+  polygon,
+  fuse,
+  optimism,
+  bsc,
+  mainnet,
+  gnosis,
+} from "wagmi/chains";
 import fuseIcon from "@/assets/fuse-icon.svg";
 import polygonIcon from "@/assets/polygon-icon.svg";
 import optimismIcon from "@/assets/optimism-icon.svg";
 import arbitrumIcon from "@/assets/arbitrum-icon.svg";
 import bscLogo from "@/public/bnb.png";
 import ethLogo from "@/public/eth.png";
+import gnosisLogo from "@/public/gnosis.png";
 import { useMediaQuery } from "usehooks-ts";
 import qr from "@/assets/qr.svg";
 import disconnectIcon from "@/assets/disconnect.svg";
@@ -64,6 +73,7 @@ const icons: Icons = {
   [arbitrum.id]: arbitrumIcon,
   [mainnet.id]: ethLogo,
   [bsc.id]: bscLogo,
+  [gnosis.id]: gnosisLogo,
 };
 
 type UsdTokens = {
@@ -77,6 +87,7 @@ const usdTokens: UsdTokens = {
   [arbitrum.id]: "arbitrum",
   [mainnet.id]: "ethereum",
   [bsc.id]: "binancecoin",
+  [gnosis.id]: "xdai",
 };
 
 const ConnectWallet = ({
@@ -227,9 +238,7 @@ const ConnectWallet = ({
           className="flex w-full justify-between"
           onClick={() => setIsAccountsOpen(!isAccountsOpen)}
         >
-          <p>
-            {eclipseAddress(String(address))}
-          </p>
+          <p>{eclipseAddress(String(address))}</p>
           <Image
             src={down.src}
             alt="down"
@@ -348,10 +357,7 @@ const ConnectWallet = ({
               Back
             </button>
             <div className="flex justify-center">
-              <QRCode
-                size={150}
-                value={String(address)}
-              />
+              <QRCode size={150} value={String(address)} />
             </div>
           </div>
         </motion.div>

lib/bridge.ts

@@ -161,6 +161,15 @@ export const bridgeConfig: BridgeConfigLike = {
         isNative: true,
         address: "0x6b021b3f68491974bE6D4009fEe61a4e3C708fD6",
       },
+      {
+        chainId: 145,
+        decimals: 18,
+        symbol: "FUSE",
+        name: "FUSE",
+        isBridged: true,
+        isNative: true,
+        address: "0xD589F00Fa2Eb83367f732AB3CDA92eE0940389cF",
+      },
       {
         chainId: 111,
         decimals: 18,

lib/chains.ts

@@ -7,6 +7,7 @@ import arbiLogo from "@/assets/arbi";
 import optimismLogo from "@/assets/optimism";
 import eth from "@/public/eth.png";
 import bnb from "@/public/bnb.png";
+import gnosis from "@/public/gnosis.png";
 
 export const chains: ChainConfigLike[] = [
   {
@@ -54,4 +55,13 @@ export const chains: ChainConfigLike[] = [
     logo:"",
     tokenId: "binancecoin"
   },
+  {
+    chainName: "Gnosis",
+    lzChainId:145,
+    icon: gnosis.src,
+    chainId:100,
+    rpc:"https://gnosis.publicnode.com",
+    logo:"",
+    tokenId: "xDai"
+  },
 ];

lib/web3Auth.tsx

@@ -15,7 +15,7 @@ import {
   NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID,
   NEXT_PUBLIC_WEB3AUTH_CLIENT_ID,
 } from "./config";
-import { arbitrum, polygon, fuse, optimism, mainnet, bsc } from "wagmi/chains";
+import { arbitrum, polygon, fuse, optimism, mainnet, bsc, gnosis } from "wagmi/chains";
 import { CoinbaseWalletConnector } from "wagmi/connectors/coinbaseWallet";
 import { WalletConnectConnector } from "wagmi/connectors/walletConnect";
 import { InjectedConnector } from "wagmi/connectors/injected";
@@ -38,6 +38,7 @@ const { chains, publicClient, webSocketPublicClient } = configureChains(
     arbitrum,
     mainnet,
     bsc,
+    gnosis
   ],
   [publicProvider()]
 );