Add support for sepolia

packages/web-app/hooks/useTokenList.tsx

@@ -50,6 +50,23 @@ const goerliTokens = [
 	},
 ];
 
+const sepoliaTokens = [
+	{
+		name: "Nation3",
+		symbol: "NATION",
+		address: "0x23Ca3002706b71a440860E3cf8ff64679A00C9d7",
+		decimals: 18,
+		icon: "/tokens/nation3.png",
+	},
+	{
+		name: "Wrapped Ether",
+		symbol: "WETH",
+		address: "0x7b79995e5f793a07bc00c21412e50ecae098e7f9",
+		decimals: 18,
+		icon: "/tokens/weth.png",
+	},
+];
+
 const empty = {
 	name: "?",
 	symbol: "?",
@@ -67,6 +84,8 @@ export const useTokenList = (): Token[] => {
 				return mainnetTokens;
 			case 5:
 				return goerliTokens;
+			case 11155111:
+				return sepoliaTokens;
 			default:
 				return mainnetTokens;
 		}
@@ -84,6 +103,8 @@ export const useFindToken = (tokenSymbol: string): Token => {
 				return mainnetTokens.find((token) => token.symbol === tokenSymbol);
 			case 5:
 				return goerliTokens.find((token) => token.symbol === tokenSymbol);
+			case 11155111:
+				return sepoliaTokens.find((token) => token.symbol === tokenSymbol);
 			default:
 				return mainnetTokens.find((token) => token.symbol === tokenSymbol);
 		}

packages/web-app/lib/connectors.tsx

@@ -1,7 +1,7 @@
 import { getDefaultWallets } from "@rainbow-me/rainbowkit";
 import { providers } from "ethers";
 import { Chain, configureChains } from "wagmi";
-import { goerli, mainnet } from "wagmi/chains";
+import { goerli, mainnet, sepolia } from "wagmi/chains";
 import { publicProvider } from "wagmi/providers/public";
 
 type FallbackProviderConfig = Omit<providers.FallbackProviderConfig, "provider">;
@@ -33,14 +33,15 @@ const gnosis: Chain = {
 };
 
 // Returns and alchemy provider based on the chain
-// if the chain is goerli, use the goerly alchemy api key from the env
-// else, use the mainnet alchemy api key from the env
+// select alchemy api key from env based on current chain
 const customAlchemyProvider = ({ priority, stallTimeout, weight }: FallbackProviderConfig) => {
 	return (chain: Chain) => {
 		const apiKey =
 			chain.id === 5
 				? process.env.NEXT_PUBLIC_ALCHEMY_API_KEY_GOERLI
-				: process.env.NEXT_PUBLIC_ALCHEMY_API_KEY;
+				: chain.id === 11155111
+					? process.env.NEXT_PUBLIC_ALCHEMY_API_KEY_SEPOLIA
+					: process.env.NEXT_PUBLIC_ALCHEMY_API_KEY;
 		if (!apiKey || !chain.rpcUrls.alchemy) return null;
 
 		return {
@@ -81,7 +82,7 @@ export const providersToUse = () => {
 };
 
 export const chainsToUse = () => {
-	return [mainnet, gnosis, goerli];
+	return [mainnet, gnosis, goerli, sepolia];
 };
 
 export const { chains, provider, webSocketProvider } = configureChains(

packages/web-app/lib/constants/index.tsx

@@ -2,8 +2,9 @@ import { BigNumber } from "ethers";
 import * as mainnet from "./mainnet";
 import * as goerli from "./goerli";
 import * as gnosis from "./gnosis";
+import * as sepolia from "./sepolia"
 
-export { mainnet, goerli };
+export { mainnet, goerli, sepolia };
 
 export interface Constants {
 	permit2Address: `0x${string}`;
@@ -24,6 +25,8 @@ const constants = (chainId: number) => {
 			return { ...goerli };
 		case 100:
 			return { ...gnosis };
+		case 11155111:
+			return { ...sepolia }
 		default:
 			return { ...mainnet };
 	}

packages/web-app/lib/constants/sepolia.tsx

@@ -0,0 +1,10 @@
+import { BigNumber } from "ethers";
+
+export const permit2Address = "0x000000000022D473030F116dDEE9F6B43aC78BA3";
+export const NATION = "0x23Ca3002706b71a440860E3cf8ff64679A00C9d7";
+export const frameworkAddress = "0xD96aA6e2568f4e9632D2A5234Bb8410ca7609a27";
+export const arbitratorAddress = "0xBe67cEdCD1FE38aac8a5781A51250FDeFB344E6C";
+export const cohortAddress = "0xD86B638A810fc0C811c6A27152744eEFFE7262C0";
+export const safeTxServiceUrl = "https://safe-transaction-base-sepolia.safe.global";
+export const subgraphURI = process.env.NEXT_PUBLIC_GRAPH_API_URL_SEPOLIA;
+export const appealCost = BigNumber.from("100000000000000000");