app: treat chainID as a number

gnosischain · Mar 7, 2024 · b909011 · b909011
1 parent de5881e
commit b909011
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/src/App.tsx b/app/src/App.tsx
@@ -8,12 +8,12 @@ import Loading from "./components/Loading/Loading"
 import Faucet from "./components/FaucetForm/Faucet"
 
 const chainName:{ [key: string]: string }= {
-  "100": "Gnosis",
-  "10200": "Chiado"
+  100: "Gnosis",
+  10200: "Chiado"
 }
 
 function App(): JSX.Element {
-  const [chainId, setChainId] = useState("10200")
+  const [chainId, setChainId] = useState(10200)
   const [loading, setLoading] = useState(true)
   const [enabledTokens, setEnabledTokens] = useState([])
   const [faucetLoading, setFaucetLoading] = useState(true)
@@ -44,7 +44,7 @@ function App(): JSX.Element {
   const title = faucetLoading ? "FAUCET" : `${chainName[chainId]} CHAIN`
   const subtitle = faucetLoading
     ? "Loading..."
-    : (chainId === "100" ? "Faucet" : "Testnet Faucet")
+    : (chainId === 100 ? "Faucet" : "Testnet Faucet")
 
   return (
     <>

diff --git a/app/src/components/FaucetForm/Faucet.tsx b/app/src/components/FaucetForm/Faucet.tsx
@@ -8,7 +8,7 @@ import HCaptcha from "@hcaptcha/react-hcaptcha"
 
 interface FaucetProps {
   enabledTokens: Token[],
-  chainId: string,
+  chainId: number,
   setLoading: Dispatch<SetStateAction<boolean>>
 }
 
@@ -151,7 +151,7 @@ function Faucet({ enabledTokens, chainId, setLoading }: FaucetProps): JSX.Elemen
         <div className="flex-row success">
           <div>Token sent to your wallet address. Hash: </div> 
           <div>
-            {chainId === "100"
+            {chainId === 100
               ? <a
                   target="_blank"
                   rel="noreferrer"