Fix story for address with wallet (#40)

Developer-DAO · Nov 30, 2021 · 209e3c4 · 209e3c4
1 parent e3f921e
commit 209e3c4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 227 deletions.
diff --git a/packages/components/src/components/Address/Address.stories.tsx b/packages/components/src/components/Address/Address.stories.tsx
@@ -11,13 +11,17 @@ const WithWallet = () => {
   const { connected, connectWallet, connection } = useWallet();
 
   return (
-    <Provider network='rinkeby'>
+    <>
       <Address
         value={connected ? connection.ens || connection.userAddress || '' : 'Not connected'}
       />
       <Button onClick={connectWallet}>Connect wallet</Button>
-    </Provider>
+    </>
   );
 };
 
-storiesOf('Address', module).add('WithWallet', () => <WithWallet />);
+storiesOf('Address', module).add('WithWallet', () => (
+  <Provider network='rinkeby'>
+    <WithWallet />
+  </Provider>
+));
diff --git a/packages/hooks/src/hooks/useWallet.ts b/packages/hooks/src/hooks/useWallet.ts
@@ -2,7 +2,7 @@ import React from 'react';
 import { Web3Context } from '../Provider';
 
 /**
- * @dev Hook to get the current web3 context inlcuding information about the connection and other helper methods.
+ * @dev Hook to get the current web3 context including information about the connection and other helper methods.
  */
 export function useWallet() {
   const context = React.useContext(Web3Context);