@@ -19,12 +19,13 @@ import Window from 'components/L2/Window/Window';
19import HeaderPane from 'components/L2/Window/HeaderPane';
19import HeaderPane from 'components/L2/Window/HeaderPane';
20import BodyPane from 'components/L2/Window/BodyPane';
20import BodyPane from 'components/L2/Window/BodyPane';
21import { Row } from '@tlon/indigo-react';
21import { Row } from '@tlon/indigo-react';
22+import Web3 from 'web3';
23export default function Metamask({ className, goHome }) {
24export default function Metamask({ className, goHome }) {
24 useLoginView(WALLET_TYPES.METAMASK);
25 useLoginView(WALLET_TYPES.METAMASK);
25 const { setWallet, setWalletType, setAuthToken } = useWallet();
26 const { setWallet, setWalletType, setAuthToken } = useWallet();
27− const { web3, setMetamask } = useNetwork();
28+ const { setMetamask } = useNetwork();
29 useEffect(() => {
30 useEffect(() => {
30 setMetamask(true);
31 setMetamask(true);
@@ -32,14 +33,15 @@ export default function Metamask({ className, goHome }) {
33 const onSubmit = useCallback(async () => {
34 const onSubmit = useCallback(async () => {
35− const _web3 = need.web3(web3);
36+ setMetamask(true);
36 const accounts = await window.ethereum.send('eth_requestAccounts');
37 const accounts = await window.ethereum.send('eth_requestAccounts');
37 const wallet = new MetamaskWallet(accounts.result[0]);
38 const wallet = new MetamaskWallet(accounts.result[0]);
40+ const web3 = new Web3(window.ethereum);
39 const authToken = await getAuthToken({
41 const authToken = await getAuthToken({
40 address: wallet.address,
42 address: wallet.address,
41 walletType: WALLET_TYPES.METAMASK,
43 walletType: WALLET_TYPES.METAMASK,
42− web3: _web3,
44+ web3,
45 setAuthToken(Just(authToken));
47 setAuthToken(Just(authToken));
@@ -49,7 +51,7 @@ export default function Metamask({ className, goHome }) {
49 console.error(e);
51 console.error(e);
50 return { [FORM_ERROR]: e.message };
52 return { [FORM_ERROR]: e.message };
52− }, [web3, setAuthToken, setWallet, setWalletType]);
54+ }, [setAuthToken, setWallet, setWalletType, setMetamask]);
55 <Grid className={className}>
57 <Grid className={className}>