use sepolia chainId (#39)

Author: aashutoshrathi

game/src/app/config.ts

@@ -2,23 +2,12 @@ import { sepolia } from "viem/chains";
 import { createConfig, http } from "wagmi";
 import { injected } from "wagmi/connectors";
 
-export const stackrDevnet = {
-  ...sepolia,
-  name: "Stackr Devnet",
-  rpcUrls: {
-    default: {
-      http: ["https://devnet.stf.xyz"],
-    },
-  },
-  id: 69420,
-};
-
 export function getConfig() {
   return createConfig({
-    chains: [stackrDevnet],
+    chains: [sepolia],
     connectors: [injected({ shimDisconnect: true })],
     transports: {
-      [stackrDevnet.id]: http(),
+      [sepolia.id]: http(),
     },
   });
 }

game/src/app/page.tsx

@@ -1,13 +1,13 @@
 "use client";
-import { PastGames } from "@/components/past-games/past-games";
 import { Button } from "@/components/button";
 import { Game } from "@/components/game";
+import { PastGames } from "@/components/past-games/past-games";
 import { fetchLeaderboard, fetchMruInfo } from "@/rpc/api";
 import { useEffect, useState } from "react";
 import { createWalletClient, custom } from "viem";
 import { addChain } from "viem/actions";
+import { sepolia } from "viem/chains";
 import { useAccount, useConnect } from "wagmi";
-import { stackrDevnet } from "./config";
 
 export default function Main() {
   const { isConnected, isConnecting } = useAccount();
@@ -32,12 +32,12 @@ export default function Main() {
     const walletClient = createWalletClient({
       transport: custom(window.ethereum),
     });
-    if (chainId !== stackrDevnet.id) {
+    if (chainId !== sepolia.id) {
       try {
-        await walletClient.switchChain({ id: stackrDevnet.id });
+        await walletClient.switchChain({ id: sepolia.id });
       } catch (e) {
         console.log(e);
-        await addChain(walletClient, { chain: stackrDevnet });
+        await addChain(walletClient, { chain: sepolia });
       }
     }
     connect({ connector });

game/src/components/navbar.tsx

@@ -1,7 +1,7 @@
 "use client";
-import { stackrDevnet } from "@/app/config";
 import { formatAddress } from "@/core/highScoreMode";
 import { useEffect } from "react";
+import { sepolia } from "viem/chains";
 import { useAccount, useDisconnect } from "wagmi";
 import { Button } from "./button";
 
@@ -10,7 +10,7 @@ export const Navbar = () => {
   const { disconnect } = useDisconnect();
 
   useEffect(() => {
-    if (chainId !== stackrDevnet.id) {
+    if (chainId !== sepolia.id) {
       disconnect();
     }
   }, [chainId]);