diff --git a/examples/react-app/src/components/account.tsx b/examples/react-app/src/components/account.tsx index 6cec4859..f70d8b36 100644 --- a/examples/react-app/src/components/account.tsx +++ b/examples/react-app/src/components/account.tsx @@ -1,4 +1,5 @@ import { useConnect, useDisconnect } from '@fuels/react'; +import { EXPLORER_URL } from '../config'; import { useWallet } from '../hooks/useWallet'; import { Copyable } from './Copyable'; import Button from './button'; @@ -14,6 +15,8 @@ export default function ConnectedAccount({ isSigning }: Props) { const { connect } = useConnect(); const { disconnect } = useDisconnect(); + const explorerAccountUrl = `${EXPLORER_URL}/account/${account}/assets`; + if (!account && isConnected) { return ( @@ -31,24 +34,37 @@ export default function ConnectedAccount({ isSigning }: Props) { if (!account) return null; return ( - -
- - {truncAddressMiddle(account, 4)} - - - {truncAddressMiddle(account, 8)} - - -
- +
+ - Disconnect - -
+ View on Explorer + + ); }