import { AbstractConnector } from '@web3-react/abstract-connector' import { StyleProp, ViewStyle } from 'react-native' import { Body, Button } from '../..' import { Spinner } from '../../atoms' import { shortenAddress } from '../../utils/web3' import { useEthAddress } from '../../hooks/web3' import { Dropdown } from '../dropdown' import { AccountDropdown } from '../accountDropdown' export type HandleWeb3Connect = (c: AbstractConnector) => void type Props = { buttonStyle?: StyleProp // TODO define type properly onPress: () => void activity?: boolean } export const ConnectWeb3Button = ({ buttonStyle, onPress, activity, }: Props) => { const address = useEthAddress() if (activity) { return (

) } if (address) { return ( ( { onPress() }} /> )} >

{shortenAddress(address)}

) } return (