diff --git a/packages/core/src/components/KitConnectProvider/DappWallet/ExtendedWalletList.tsx b/packages/core/src/components/KitConnectProvider/DappWallet/ExtendedWalletList.tsx index f01cc3a6..ae9285d8 100644 --- a/packages/core/src/components/KitConnectProvider/DappWallet/ExtendedWalletList.tsx +++ b/packages/core/src/components/KitConnectProvider/DappWallet/ExtendedWalletList.tsx @@ -10,10 +10,12 @@ import * as styles from '../../styles.css' interface ExtendedWalletListProps { theme: Theme + onConnect: (connector: ExtendedConnector) => void } export const ExtendedWalletList = ({ - theme + theme, + onConnect, }: ExtendedWalletListProps) => { const { connectors: baseConnectors, connect, isLoading } = useConnect() const connectors = baseConnectors as ExtendedConnector[] @@ -45,7 +47,7 @@ export const ExtendedWalletList = ({ height: '60px', }} className={styles.networkButton} - onClick={() => connect({ connector })} + onClick={() => onConnect(connector)} > {walletName} diff --git a/packages/core/src/components/KitConnectProvider/DappWallet/WalletList.tsx b/packages/core/src/components/KitConnectProvider/DappWallet/WalletList.tsx index 0c1656aa..983ffb16 100644 --- a/packages/core/src/components/KitConnectProvider/DappWallet/WalletList.tsx +++ b/packages/core/src/components/KitConnectProvider/DappWallet/WalletList.tsx @@ -1,5 +1,6 @@ import React, { useState } from 'react' +import { EMAIL_CONNECTOR_LOCAL_STORAGE_KEY } from '@0xsequence/kit-connectors' import { Box, Image, Text, vars, ChevronLeftIcon, ChevronRightIcon } from '@0xsequence/design-system' import { useConnect } from 'wagmi' @@ -24,6 +25,14 @@ export const WalletList = ({ const connectors = baseConnectors as ExtendedConnector[] const displayExtendedListButton = connectors.length > 6 + const onConnect = (connector: ExtendedConnector) => { + if (connector._wallet.id === 'email') { + const email = prompt('Auto-email login, please specify the email address:') + localStorage.setItem(EMAIL_CONNECTOR_LOCAL_STORAGE_KEY, email || '') + } + connect({ connector }) + } + if (showExtendedList) { return ( <> @@ -36,7 +45,7 @@ export const WalletList = ({ > - + ) } @@ -82,7 +91,7 @@ export const WalletList = ({ width: `calc(50% - ${vars.space[2]})` }} className={styles.networkButton} - onClick={() => connect({ connector })} + onClick={() => onConnect(connector)} >