import classNames from 'classnames' import { useCallback } from 'react' import { useParams } from 'react-router-dom' import AccountCreateFirst from 'components/Account/AccountCreateFirst' import Button from 'components/Button' import Card from 'components/Card' import { PlusCircled } from 'components/Icons' import PortfolioCard from 'components/Portfolio/Card' import ConnectInfo from 'components/Portfolio/Overview/ConnectInfo' import Text from 'components/Text' import WalletBridges from 'components/Wallet/WalletBridges' import useAccountIds from 'hooks/useAccountIds' import useCurrentWalletBalance from 'hooks/useCurrentWalletBalance' import useStore from 'store' import { defaultFee } from 'utils/constants' import { BN } from 'utils/helpers' export default function Content() { const { address: urlAddress } = useParams() const walletAddress = useStore((s) => s.address) const { data: accountIds, isLoading } = useAccountIds(urlAddress) const baseCurrency = useStore((s) => s.baseCurrency) const transactionFeeCoinBalance = useCurrentWalletBalance(baseCurrency.denom) const checkHasFunds = useCallback(() => { return ( transactionFeeCoinBalance && BN(transactionFeeCoinBalance.amount).isGreaterThan(defaultFee.amount[0].amount) ) }, [transactionFeeCoinBalance]) const handleCreateAccountClick = useCallback(() => { if (!checkHasFunds()) { useStore.setState({ focusComponent: { component: } }) return } useStore.setState({ focusComponent: { component: } }) }, [checkHasFunds]) if (!walletAddress && !urlAddress) return if (!isLoading && accountIds?.length === 0) { return ( You need to create an Account first. ) } return (
{accountIds.map((accountId: string, index: number) => { return })}
) }