add chains and update imports

gnosisguild · Jan 2, 2024 · dd376bb · dd376bb
1 parent f0215d8
commit dd376bb
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 4 deletions.
diff --git a/frontend/src/chains.ts b/frontend/src/chains.ts
@@ -1,4 +1,3 @@
-import { SequenceIndexerServices } from "@0xsequence/indexer"
 import {
   mainnet,
   goerli,
@@ -25,6 +24,27 @@ export type ChainId = keyof typeof CHAINS
 
 export const DEFAULT_CHAIN = CHAINS[5]
 
+export enum SequenceIndexerServices {
+  MAINNET = "https://mainnet-indexer.sequence.app",
+
+  POLYGON = "https://polygon-indexer.sequence.app",
+  POLYGON_MUMBAI = "https://mumbai-indexer.sequence.app",
+
+  POLYGON_ZKEVM = "https://polygon-zkevm-indexer.sequence.app",
+
+  ARBITRUM = "https://arbitrum-indexer.sequence.app",
+  ARBITRUM_NOVA = "https://arbitrum-nova-indexer.sequence.app",
+
+  OPTIMISM = "https://optimism-indexer.sequence.app",
+  AVALANCHE = "https://avalanche-indexer.sequence.app",
+  GNOSIS = "https://gnosis-indexer.sequence.app",
+
+  BSC = "https://bsc-indexer.sequence.app",
+  BSC_TESTNET = "https://bsc-testnet-indexer.sequence.app",
+
+  GOERLI = "https://goerli-indexer.sequence.app",
+}
+
 export const SEQUENCER_ENDPOINTS: Record<ChainId, SequenceIndexerServices> = {
   1: SequenceIndexerServices.MAINNET,
   5: SequenceIndexerServices.GOERLI,

diff --git a/frontend/src/hooks/useTokenBalances.ts b/frontend/src/hooks/useTokenBalances.ts
@@ -1,5 +1,5 @@
 import {
-  SequenceIndexerClient,
+  SequenceIndexer,
   TokenBalance,
   ContractType,
 } from "@0xsequence/indexer"
@@ -13,6 +13,8 @@ interface Props {
   tokenId?: string
 }
 
+const API_KEY = process.env.REACT_APP_SEQUENCE_API_KEY || ""
+
 const useTokenBalances = ({
   accountAddress,
   chainId,
@@ -24,8 +26,9 @@ const useTokenBalances = ({
   const [error, setError] = useState<any>(null)
 
   useEffect(() => {
-    const indexer = new SequenceIndexerClient(
-      SEQUENCER_ENDPOINTS[chainId as ChainId]
+    const indexer = new SequenceIndexer(
+      SEQUENCER_ENDPOINTS[chainId as ChainId],
+      API_KEY
     )
     const fetchData = async () => {
       try {