Merge pull request #1 from RequestNetwork/draft/thirsty-hooks

chore: Replace Goerli with Sepolia

Author: MantisClone

app/page.tsx

@@ -44,11 +44,11 @@ enum APP_STATUS {
 }
 
 export default function Home() {
-  const [storageChain, setStorageChain] = useState("5");
-  const [expectedAmount, setExpectedAmount] = useState("");
-  const [currency, setCurrency] = useState(
-    "5_0xBA62BCfcAaFc6622853cca2BE6Ac7d845BC0f2Dc"
+  const [storageChain, setStorageChain] = useState(
+    storageChains.keys().next().value,
   );
+  const [expectedAmount, setExpectedAmount] = useState("");
+  const [currency, setCurrency] = useState(currencies.keys().next().value);
   const [paymentRecipient, setPaymentRecipient] = useState("");
   const [payerIdentity, setPayerIdentity] = useState("");
   const [dueDate, setDueDate] = useState("");
@@ -77,7 +77,7 @@ export default function Home() {
 
     try {
       const _request = await requestClient.fromRequestId(
-        requestData!.requestId
+        requestData!.requestId,
       );
       let _requestData = _request.getData();
       const paymentTx = await payRequest(_requestData, signer);
@@ -129,14 +129,14 @@ export default function Home() {
 
     try {
       const _request = await requestClient.fromRequestId(
-        requestData!.requestId
+        requestData!.requestId,
       );
       const _requestData = _request.getData();
       alert(`Checking if payer has sufficient funds...`);
       const _hasSufficientFunds = await hasSufficientFunds(
         _requestData,
         address as string,
-        { provider: provider }
+        { provider: provider },
       );
       alert(`_hasSufficientFunds = ${_hasSufficientFunds}`);
       if (!_hasSufficientFunds) {
@@ -151,7 +151,7 @@ export default function Home() {
         const _hasErc20Approval = await hasErc20Approval(
           _requestData,
           address as string,
-          provider
+          provider,
         );
         alert(`_hasErc20Approval = ${_hasErc20Approval}`);
         if (!_hasErc20Approval) {
@@ -204,7 +204,7 @@ export default function Home() {
         },
         expectedAmount: parseUnits(
           expectedAmount as `${number}`,
-          currencies.get(currency)!.decimals
+          currencies.get(currency)!.decimals,
         ).toString(),
         payee: {
           type: Types.Identity.TYPE.ETHEREUM_ADDRESS,
@@ -244,7 +244,7 @@ export default function Home() {
     try {
       setStatus(APP_STATUS.PERSISTING_TO_IPFS);
       const request = await requestClient.createRequest(
-        requestCreateParameters
+        requestCreateParameters,
       );
 
       setStatus(APP_STATUS.PERSISTING_ON_CHAIN);
@@ -457,13 +457,16 @@ export default function Home() {
       <br></br>
       <ul>
         <li>
-          &#8226; Get FAU on Goerli using the{" "}
-          <Link href="https://erc20faucet.com/" target="_blank">
-            ERC20 Faucet by peppersec
+          &#8226; Get FAU on Sepolia using the{" "}
+          <Link
+            href="https://sepolia.etherscan.io/address/0x370DE27fdb7D1Ff1e1BaA7D11c5820a324Cf623C#writeContract#F4"
+            target="_blank"
+          >
+            mint function on the FaucetToken contract by peppersec
           </Link>
         </li>
         <li>
-          &#8226; Get USDC on Goerli using the{" "}
+          &#8226; Get USDC on Sepolia using the{" "}
           <Link href="https://usdcfaucet.com/" target="_blank">
             USDC Faucet by blockpatron
           </Link>
@@ -483,8 +486,8 @@ export default function Home() {
         onClick={() =>
           switchNetwork?.(
             chains.find(
-              (chain) => chain.network === requestData?.currencyInfo.network
-            )?.id
+              (chain) => chain.network === requestData?.currencyInfo.network,
+            )?.id,
           )
         }
         className={styles.h9_w96}

config/currency.ts

@@ -12,25 +12,25 @@ interface ICurrency extends Types.RequestLogic.ICurrency {
 // key: {chainId}_{checksummedAddress}
 export const currencies = new Map<string, ICurrency>([
   [
-    "5_0xBA62BCfcAaFc6622853cca2BE6Ac7d845BC0f2Dc",
+    "11155111_0x370DE27fdb7D1Ff1e1BaA7D11c5820a324Cf623C",
     {
       name: "FaucetToken",
       symbol: "FAU",
-      value: "0xBA62BCfcAaFc6622853cca2BE6Ac7d845BC0f2Dc",
-      chainId: 5,
-      network: "goerli",
+      value: "0x370DE27fdb7D1Ff1e1BaA7D11c5820a324Cf623C",
+      chainId: 11155111,
+      network: "sepolia",
       decimals: 18,
       type: Types.RequestLogic.CURRENCY.ERC20,
     },
   ],
   [
-    "5_0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
+    "11155111_0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
     {
       name: "USD Coin",
       symbol: "USDC",
-      value: "0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
-      chainId: 5,
-      network: "goerli",
+      value: "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238",
+      chainId: 11155111,
+      network: "sepolia",
       decimals: 6,
       type: Types.RequestLogic.CURRENCY.ERC20,
     },

config/rainbow-kit.ts

@@ -10,7 +10,7 @@ import {
 import { configureChains, createConfig } from "wagmi";
 import {
   mainnet,
-  goerli,
+  sepolia,
   gnosis,
   polygon,
   celo,
@@ -26,10 +26,11 @@ import { publicProvider } from "wagmi/providers/public";
 export const { chains, publicClient, webSocketPublicClient } = configureChains(
   [
     mainnet,
+    sepolia,
     {
       ...gnosis,
       iconUrl:
-        "https://raw.githubusercontent.com/gnosischain/media-kit/main/Logos/01%20Chain/Background/SVG/LogomarkChain-Vertical-Cream_onMoss.svg",
+        "https://raw.githubusercontent.com/gnosischain/media-kit/main/Logos/Owl_Logo%20-%20Mark.svg",
     },
     polygon,
     optimism,
@@ -39,7 +40,6 @@ export const { chains, publicClient, webSocketPublicClient } = configureChains(
     celo,
     fantom,
     moonbeam,
-    goerli,
   ],
   [publicProvider()],
 );

config/storage-chain.ts

@@ -7,19 +7,19 @@ interface StorageChain {
 // key: {chainId}
 export const storageChains = new Map<string, StorageChain>([
   [
-    "5",
+    "11155111",
     {
-      name: "Goerli",
+      name: "Sepolia",
       type: "testnet",
-      gateway: "https://goerli.gateway.request.network/",
+      gateway: "https://sepolia.gateway.request.network/",
     },
   ],
   [
     "100",
     {
       name: "Gnosis",
       type: "mainnet",
-      gateway: "https://xdai.gateway.request.network/",
+      gateway: "https://gnosis.gateway.request.network/",
     },
   ],
 ]);