diff --git a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx index c93ee935..402b048f 100644 --- a/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx +++ b/src/pages/ValidatorOnboarding/Deposit/Deposit.tsx @@ -1,10 +1,21 @@ import { Avatar, Button, DividerLine, InformationBox, Input, Text } from '@status-im/components' -import { PlaceholderIcon } from '@status-im/icons' +import { PlaceholderIcon, AddIcon } from '@status-im/icons' import { Stack, XStack, YStack } from 'tamagui' import { useState } from 'react' const Deposit = () => { const [isInfoBoxVisible, setIsInfoBoxVisible] = useState(true) + const [validatorCount, setValidatorCount] = useState(0) + + const addValidatorHandler = () => { + setValidatorCount((state: number) => state + 1) + } + + const changeValidatorCountHandler = (e: any) => { + if (!isNaN(e.target.value)) { + setValidatorCount(Number(e.target.value)) + } + } const onCloseInfoBox = () => { setIsInfoBoxVisible(false) @@ -20,7 +31,12 @@ const Deposit = () => { Connect you Wallet to stake required ETH for new validators - + } + style={{ fontWeight: 'bold' }} + value={validatorCount.toString()} + onChange={changeValidatorCountHandler} + /> {isInfoBoxVisible && (