feat: add modal size config option, linting

masa-finance · Jun 1, 2023 · 4bda636 · 4bda636
1 parent 96a2831
commit 4bda636
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/src/provider/configured-rainbowkit-provider/configured-rainbowkit-provider.tsx b/src/provider/configured-rainbowkit-provider/configured-rainbowkit-provider.tsx
@@ -34,6 +34,7 @@ export interface ConfiguredRainbowKitProviderProps {
   children: ReactNode;
   chainsToUse?: Array<keyof MasaNetworks>;
   walletsToUse?: string[];
+  rainbowKitModalSize?: 'compact' | 'wide';
 }
 
 const PROJECT_ID = '04a4088bf7ff775c3de808412c291cc0';
@@ -73,6 +74,7 @@ export const ConfiguredRainbowKitProvider = ({
   children,
   chainsToUse,
   walletsToUse = ['metamask'],
+  rainbowKitModalSize = 'compact',
 }: ConfiguredRainbowKitProviderProps) => {
   const rainbowkitChains = getRainbowkitChains(chainsToUse);
   const { chains, provider, webSocketProvider } = configureChains(
@@ -110,7 +112,10 @@ export const ConfiguredRainbowKitProvider = ({
 
   return (
     <WagmiConfig client={wagmiClient}>
-      <RainbowKitProvider modalSize="compact" chains={rainbowkitChains}>
+      <RainbowKitProvider
+        modalSize={rainbowKitModalSize}
+        chains={rainbowkitChains}
+      >
         <ConfiguredRainbowKitContext.Provider value={contextValue}>
           {children}
         </ConfiguredRainbowKitContext.Provider>

diff --git a/src/provider/masa-provider.tsx b/src/provider/masa-provider.tsx
@@ -14,15 +14,18 @@ export const MasaProvider = ({
   children,
   chainsToUse,
   walletsToUse,
+  rainbowKitModalSize,
   ...args
 }: MasaContextProviderProps & {
   chainsToUse?: Array<keyof MasaNetworks>;
   walletsToUse?: ('metamask' | 'valora' | 'walletconnect')[];
+  rainbowKitModalSize?: 'compact' | 'wide';
 }): JSX.Element => (
   <QueryClientProvider client={queryClient}>
     <ConfiguredRainbowKitProvider
       chainsToUse={chainsToUse}
       walletsToUse={walletsToUse}
+      rainbowKitModalSize={rainbowKitModalSize}
     >
       <MasaContextProvider {...args}>
         <div id="modal-mount" />

diff --git a/src/provider/modules/network/network.ts b/src/provider/modules/network/network.ts
@@ -76,7 +76,7 @@ export const useNetwork = ({
       const network = SupportedNetworks[getNetworkNameByChainId(chainId)];
 
       setCurrentNetwork(network);
-    } catch (e) {
+    } catch {
       console.log('You are trying to switch to an unsupported network');
     }
   }, [provider]);

diff --git a/stories/masa.stories.tsx b/stories/masa.stories.tsx
@@ -246,6 +246,7 @@ const TemplateWithRainbowKit: Story = (props: Args) => {
         walletsToUse={['metamask', 'valora', 'walletconnect']}
         useRainbowKitWalletConnect
         forceNetwork="alfajores"
+        rainbowKitModalSize={'wide'}
         verbose={false}
       >
         <Component name="Rainbow Kit" {...props} />