import { View } from 'native-base'
import { StyleSheet } from 'react-native'
import { Body, Anchor } from '../../atoms'
import { useTheme } from '../../hooks'
import { margins, padding, containers } from '../../styles'
import { etherscanAccountUrl, shortenAddress } from '../../utils/web3'
import Copy from '../../assets/svg/copy.svg'
import WalletIcon from '../../assets/svg/wallet.svg'
import LinkIcon from '../../assets/svg/link.svg'
import { useEthAddress } from '../../hooks/web3'
type Props = {
onSwitchAccounts?: () => void
}
const styles = StyleSheet.create({
container: {
minWidth: 320,
},
address: {
maxWidth: 150,
},
})
type SwitchAccountLinkProps = {
icon: React.ReactElement
title: string
onPress?: () => void
href?: string
}
const SwitchAccountLink = ({
icon,
title,
onPress,
href,
}: SwitchAccountLinkProps) => {
const theme = useTheme()
return (
{icon}
{title}
)
}
export const AccountDropdown = ({ onSwitchAccounts }: Props) => {
const theme = useTheme()
const address = useEthAddress()
return (
Connected with MetaMask
{shortenAddress(address || '')}
}
title="Switch Accounts"
/>
}
title="View on Etherscan"
href={etherscanAccountUrl(address || '')}
/>
)
}