app: treat chainID as a number

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

Hide file tree

Showing 2 changed files with 5 additions and 5 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>>
 }