diff --git a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx index c685e3c0..03e4cdac 100644 --- a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx +++ b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx @@ -8,6 +8,7 @@ import Validators from './Validators' import ConnectWallet from './ConnectWallet' import ConnectedWallet from './ConnectedWallet' import DepositHeader from './DepositHeader' +import DepositSubtitle from './DepositSubtitle' const Deposit = () => { const [isInfoBoxVisible, setIsInfoBoxVisible] = useState(true) @@ -34,11 +35,15 @@ const Deposit = () => { return ( - + {isTransactionConfirmation ? ( + + ) : ( + + )} {validatorRequests.map((_, index) => ( diff --git a/src/pages/ValidatorOnboarding/Deposit/Validators.tsx b/src/pages/ValidatorOnboarding/Deposit/Validators.tsx index 70640505..fb1c74fd 100644 --- a/src/pages/ValidatorOnboarding/Deposit/Validators.tsx +++ b/src/pages/ValidatorOnboarding/Deposit/Validators.tsx @@ -1,6 +1,7 @@ import { Input, Text } from '@status-im/components' import { AddIcon, ChevronDownIcon } from '@status-im/icons' import { Stack, XStack, YStack } from 'tamagui' +import DepositSubtitle from './DepositSubtitle' type ValidatorsProps = { validatorCount: number @@ -16,9 +17,7 @@ const Validators = ({ return ( - - Connect you Wallet to stake required ETH for new validators - + } style={{ fontWeight: 'bold' }}