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 && (