feat: make chains, bridges and exchanges config options reactive (#259)

lifinance · Jun 5, 2024 · cf0de31 · cf0de31
1 parent 38949c1
commit cf0de31
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 16 deletions.
diff --git a/packages/widget-embedded/src/index.tsx b/packages/widget-embedded/src/index.tsx
@@ -13,7 +13,6 @@ export const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
       enabled: true,
-      staleTime: 3_600_000,
       refetchInterval: false,
       refetchIntervalInBackground: false,
       refetchOnWindowFocus: true,

diff --git a/packages/widget-playground/src/defaultWidgetConfig.ts b/packages/widget-playground/src/defaultWidgetConfig.ts
@@ -38,7 +38,6 @@ export const widgetBaseConfig: WidgetConfig = {
   // disabledUI: ['toAddress', 'fromAmount', 'toToken', 'fromToken'],
   // requiredUI: ['toAddress'],
   // slippage: 0.003,
-  insurance: true,
   sdkConfig: {
     apiUrl: 'https://li.quest/v1',
     rpcUrls: {
@@ -72,6 +71,7 @@ export const widgetBaseConfig: WidgetConfig = {
   //   types: {
   //     allow: [ChainType.EVM],
   //   },
+  //   allow: [ChainId.ETH, ChainId.OPT],
   // },
   tokens: {
     featured: [
@@ -188,12 +188,12 @@ export const widgetBaseConfig: WidgetConfig = {
     ],
   },
   // bridges: {
-  // allow: ['stargate'],
-  // deny: ['connext'],
+  //   allow: ['stargate'],
+  //   deny: ['connext'],
   // },
   // languages: {
-  // allow: ['uk'],
-  // deny: ['uk'],
+  //   allow: ['uk'],
+  //   deny: ['uk'],
   // },
   // languageResources: {
   //   en: {

diff --git a/packages/widget/src/hooks/useAvailableChains.ts b/packages/widget/src/hooks/useAvailableChains.ts
@@ -12,7 +12,15 @@ export const useAvailableChains = () => {
   const { chains } = useWidgetConfig();
   const { providers } = useHasExternalWalletProvider();
   const { data, isLoading } = useQuery({
-    queryKey: ['chains', providers, chains?.types] as const,
+    queryKey: [
+      'chains',
+      providers,
+      chains?.types,
+      chains?.allow,
+      chains?.deny,
+      chains?.from,
+      chains?.to,
+    ] as const,
     queryFn: async ({ queryKey: [, providers, chainTypes] }) => {
       const chainTypesRequest = (
         providers.length > 0 ? providers : supportedChainTypes
@@ -25,7 +33,6 @@ export const useAvailableChains = () => {
       return availableChains;
     },
     refetchInterval: 300000,
-    staleTime: 300000,
   });
 
   const getChainById = useCallback(

diff --git a/packages/widget/src/hooks/useGasRecommendation.ts b/packages/widget/src/hooks/useGasRecommendation.ts
@@ -41,6 +41,5 @@ export const useGasRecommendation = (
     },
     enabled: checkRecommendationLiFuel || checkRecommendationMaxButton,
     refetchInterval,
-    staleTime: refetchInterval,
   });
 };
diff --git a/packages/widget/src/hooks/useTools.ts b/packages/widget/src/hooks/useTools.ts
@@ -7,7 +7,13 @@ import { isItemAllowed } from '../utils/item.js';
 export const useTools = () => {
   const { bridges, exchanges } = useWidgetConfig();
   const { data } = useQuery({
-    queryKey: ['tools'],
+    queryKey: [
+      'tools',
+      bridges?.allow,
+      bridges?.deny,
+      exchanges?.allow,
+      exchanges?.deny,
+    ],
     queryFn: async (): Promise<ToolsResponse> => {
       const tools = await getTools();
       const result = {
@@ -30,7 +36,6 @@ export const useTools = () => {
       return result;
     },
     refetchInterval: 180000,
-    staleTime: 180000,
   });
 
   return { tools: data };

diff --git a/packages/widget/src/providers/WalletProvider/EVMBaseProvider.tsx b/packages/widget/src/providers/WalletProvider/EVMBaseProvider.tsx
@@ -106,9 +106,5 @@ export const EVMBaseProvider: FC<PropsWithChildren> = ({ children }) => {
     }
   }, [chains, connectors, wagmiConfig]);
 
-  return (
-    <WagmiProvider config={wagmiConfig} reconnectOnMount={false}>
-      {children}
-    </WagmiProvider>
-  );
+  return <WagmiProvider config={wagmiConfig}>{children}</WagmiProvider>;
 };