feat: update walletprovider

the-standard · Aug 14, 2024 · b822e0e · b822e0e
1 parent bfe7f4a
commit b822e0e
Showing 1 changed file with 28 additions and 38 deletions.
diff --git a/src/components/WalletProvider.jsx b/src/components/WalletProvider.jsx
@@ -1,7 +1,7 @@
 import { useMemo, useEffect } from 'react';
 import { WagmiProvider, http } from 'wagmi';
-// import { convertExtendedChain } from '@lifi/wallet-management';
-// import { useAvailableChains } from '@lifi/widget';
+import { convertExtendedChain } from '@lifi/wallet-management';
+import { useAvailableChains } from '@lifi/widget';
 import { RainbowKitProvider, getDefaultConfig, darkTheme, lightTheme } from '@rainbow-me/rainbowkit';
 import {
   arbitrum,
@@ -14,7 +14,7 @@ import {
   useCurrentWagmiConfig
 } from "../store/Store";
 
-// import CenterLoader from "./ui/CenterLoader";
+import CenterLoader from "./ui/CenterLoader";
 
 const projectId = import.meta.env.VITE_WALLETCONNECT_ID;
 
@@ -23,56 +23,46 @@ const WalletProvider = ({ children }) => {
   const { setCurrentWagmiConfig } = useCurrentWagmiConfig();
   const isLight = currentTheme && currentTheme.includes('light');
 
-  // const { chains, isLoading } = useAvailableChains();
+  const { chains, isLoading } = useAvailableChains();
 
-  // const wagmiConfig = useMemo(() => {
-  //   const mainChains = chains?.length
-  //   ? (chains.map(convertExtendedChain))
-  //   : [arbitrum];
+  const wagmiConfig = useMemo(() => {
+    const mainChains = chains?.length
+    ? (chains.map(convertExtendedChain))
+    : [arbitrum];
 
-  //   const _chains = [...mainChains, arbitrumSepolia];
+    const _chains = [...mainChains, arbitrumSepolia];
 
-  //   const wagmiConfig = getDefaultConfig({
-  //     appName: 'The Standard',
-  //     projectId: projectId,
-  //     chains: _chains,
-  //     transports: {
-  //       [arbitrum.id]: http(`https://arb-mainnet.g.alchemy.com/v2/${import.meta.env.VITE_ALCHEMY_API_KEY}`),
-  //       [arbitrumSepolia.id]: http(`https://arb-sepolia.g.alchemy.com/v2/${import.meta.env.VITE_ALCHEMY_SEPOLIA_API_KEY}`)
-  //     },    
-  //   });
+    const wagmiConfig = getDefaultConfig({
+      appName: 'The Standard',
+      projectId: projectId,
+      chains: _chains,
+      transports: {
+        [arbitrum.id]: http(`https://arb-mainnet.g.alchemy.com/v2/${import.meta.env.VITE_ALCHEMY_API_KEY}`),
+        [arbitrumSepolia.id]: http(`https://arb-sepolia.g.alchemy.com/v2/${import.meta.env.VITE_ALCHEMY_SEPOLIA_API_KEY}`)
+      },    
+    });
 
-  //   return wagmiConfig;
-  // }, [chains]);
-
-  const wagmiConfig = getDefaultConfig({
-    appName: 'The Standard',
-    projectId: projectId,
-    chains: [arbitrum, arbitrumSepolia],
-    transports: {
-      [arbitrum.id]: http(`https://arb-mainnet.g.alchemy.com/v2/${import.meta.env.VITE_ALCHEMY_API_KEY}`),
-      [arbitrumSepolia.id]: http(`https://arb-sepolia.g.alchemy.com/v2/${import.meta.env.VITE_ALCHEMY_SEPOLIA_API_KEY}`)
-    },    
-  });
+    return wagmiConfig;
+  }, [chains]);
 
   useEffect(() => {
     if (wagmiConfig) {
       setCurrentWagmiConfig(wagmiConfig);
     }
-  }, [])
+  }, [wagmiConfig])
 
   let useTheme = darkTheme({overlayBlur: 'small'});
   if (isLight) {
     useTheme = lightTheme({overlayBlur: 'small'});
   }
 
-  // if (isLoading) {
-  //   return (
-  //     <div className="h-full w-full flex items-center justify-center">
-  //       <CenterLoader />
-  //     </div>
-  //   )
-  // }
+  if (isLoading) {
+    return (
+      <div className="h-full w-full flex items-center justify-center">
+        <CenterLoader />
+      </div>
+    )
+  }
 
   return (
     <WagmiProvider