diff --git a/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx b/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx index d958a09b..33803306 100644 --- a/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx +++ b/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx @@ -34,6 +34,7 @@ const SetupRow = ({ title }: SetupRowProps) => { icon={} value={validatorCount.toString()} onChange={changeValidatorCountHandler} + style={{ fontWeight: 'bold' }} /> diff --git a/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx b/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx index 10a8a340..9732637d 100644 --- a/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx +++ b/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx @@ -1,12 +1,23 @@ import { Stack, YStack } from 'tamagui' import { InformationBox, Input as StatusInput, Text } from '@status-im/components' import { ClearIcon, CloseCircleIcon } from '@status-im/icons' +import { useState } from 'react' type WithdrawalAddressProps = { title: string } const WithdrawalAddress = ({ title }: WithdrawalAddressProps) => { + const [withdrawalAddress, setWithdrawalAddress] = useState('') + + const changeWithdrawalAddressHandler = (e: any) => { + setWithdrawalAddress(e.target.value) + } + + const removeWithdrawalAddressHandler = () => { + setWithdrawalAddress('') + } + return ( @@ -20,7 +31,15 @@ const WithdrawalAddress = ({ title }: WithdrawalAddressProps) => { } + icon={ + + } + value={withdrawalAddress} + onChange={changeWithdrawalAddressHandler} />