diff --git a/src/components/molecules/Wallet/Details.tsx b/src/components/molecules/Wallet/Details.tsx index 88dd14b16..92dc37e19 100644 --- a/src/components/molecules/Wallet/Details.tsx +++ b/src/components/molecules/Wallet/Details.tsx @@ -4,11 +4,11 @@ import styles from './Details.module.css' import { useOcean } from '@oceanprotocol/react' import Web3Feedback from './Feedback' import { formatNumber } from '../../../utils' -import { connectWallet } from '../../../utils/wallet' +import { connectWallet, getNetworkName } from '../../../utils/wallet' import { getInjectedProviderName } from 'web3modal' export default function Details({ attrs }: { attrs: any }): ReactElement { - const { ocean, balance, connect, logout } = useOcean() + const { ocean, balance, connect, logout, chainId } = useOcean() const [balanceOcean, setBalanceOcean] = useState('0') useEffect(() => { @@ -32,7 +32,11 @@ export default function Details({ attrs }: { attrs: any }): ReactElement { ETH {formatNumber(Number(balance))}
  • - {getInjectedProviderName()} + + {getInjectedProviderName()} +
    + {getNetworkName(chainId)} +