Network checking is not done please check it (georli testnet is worki…

components/ConnectButton.tsx

@@ -2,6 +2,7 @@
 import React, { useEffect, useState } from "react";
 import { useWallet } from "@/context/WalletContext";
 import { ethers } from "ethers";
+import { sepolia } from "@/utils/networks";
 import { toast } from "react-hot-toast";
 
 type Props = {
@@ -15,12 +16,26 @@ const ConnectButton = ({ className }: Props) => {
 
   const [account, setAccount] = useState<string>();
 
+  const switchNetwork = async () => {
+    try {
+      await window.ethereum.request({
+        method: "wallet_switchEthereumChain",
+        params: [{ chainId: sepolia.chainId }],
+      });
+    } catch (error) {
+      toast.error("Please switch to Sepolia Network");
+    }
+  };
+
   const connectWallet = async () => {
     if (!window.ethereum) {
-      toast.error("MetaMask not installed");
+      toast.error("Please install MetaMask to use this dApp");
       return;
     }
+    await switchNetwork();
     const provider = new ethers.BrowserProvider(window.ethereum);
+    const chainId = await provider.getNetwork();
+
     const signer = await provider.getSigner();
     const account = await signer.getAddress();
     setAddress(account);
@@ -29,12 +44,11 @@ const ConnectButton = ({ className }: Props) => {
 
   useEffect(() => {
     const getAccount = async () => {
-      if (!window.ethereum) {
-        return;
-      }
+      if (!window.ethereum) return;
       const accounts = await window.ethereum.request({
         method: "eth_accounts",
       });
+      switchNetwork();
       if (accounts.length > 0) {
         setAddress(accounts[0]);
         setAccount(accounts[0]);

components/Mint.tsx

@@ -7,6 +7,7 @@ import { useState } from "react";
 import abi from "../artifacts/contracts/ByteBunch.sol/ByteBunch.json";
 import NFTNumber from "./NFTNumber";
 import Modal from "./Modal";
+import { sepolia } from "@/utils/networks";
 
 type Props = {};
 
@@ -19,12 +20,31 @@ const Mint = (props: Props) => {
   const [transactionHash, setTransactionHash] = useState("");
   const [open, setOpen] = useState(false);
 
+  const switchNetwork = async () => {
+    try {
+      await window.ethereum.request({
+        method: "wallet_switchEthereumChain",
+        params: [{ chainId: sepolia.chainId }],
+      });
+    } catch (error) {
+      toast.error("Please switch to Sepolia Network");
+    }
+  };
+
   const mintNFT = async () => {
     const notification = toast.loading("Minting NFT...");
     setLoading(true);
     setOpen(false);
     try {
       const provider = new ethers.BrowserProvider(window.ethereum);
+      const network = await provider.getNetwork();
+      const chainId = Number(ethers.formatUnits(network.chainId)) * 10e17;
+
+      if (chainId !== parseInt(sepolia.chainId)) {
+        switchNetwork();
+        throw new Error("Please switch to Sepolia Network and try again");
+      }
+
       const signer = await provider.getSigner();
       const contract = new ethers.Contract(
         process.env.NEXT_PUBLIC_CONTRACT_ADDRESS!,

utils/networks.ts

@@ -0,0 +1,11 @@
+export const sepolia = {
+  chainId: `0x${Number(11155111).toString(16)}`,
+  chainName: "Sepolia",
+  nativeCurrency: {
+    name: "Sepolia",
+    symbol: "ETH",
+    decimals: 18,
+  },
+  rpcUrls: ["https://rpc.sepolia.io"],
+  blockExplorerUrls: ["https://sepolia.io"],
+};