diff --git a/src/pages/ValidatorOnboarding/Deposit/ConnectedWallet.tsx b/src/pages/ValidatorOnboarding/Deposit/ConnectedWallet.tsx index 7ebed404..a1aed9a7 100644 --- a/src/pages/ValidatorOnboarding/Deposit/ConnectedWallet.tsx +++ b/src/pages/ValidatorOnboarding/Deposit/ConnectedWallet.tsx @@ -1,7 +1,35 @@ -import { XStack } from 'tamagui' +import { Avatar, Text } from '@status-im/components' +import { XStack, YStack } from 'tamagui' const ConnectedWallet = () => { - return + return ( + + + } + /> + + + Ethereum Mainnet + + 0xb9d...c35 + + Connected + + + + + + Balance + + + 68.21 ETH + + + + ) } export default ConnectedWallet diff --git a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx index ca6e6d48..9c92a75a 100644 --- a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx +++ b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx @@ -2,6 +2,7 @@ import { DividerLine, InformationBox, Text } from '@status-im/components' import { PlaceholderIcon } from '@status-im/icons' import { YStack } from 'tamagui' import { useState } from 'react' +import { useSelector } from 'react-redux' import ValidatorRequest from './ValidatorRequest' import Validators from './Validators' @@ -9,7 +10,6 @@ import ConnectWallet from './ConnectWallet' import ConnectedWallet from './ConnectedWallet' import DepositTitle from './DepositTitle' import DepositSubtitle from './DepositSubtitle' -import { useSelector } from 'react-redux' import { RootState } from '../../../redux/store' const Deposit = () => {