status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-15 04:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add state to validator count input

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-19 20:41:11 +03:00
parent 27a8b89333
commit 4b8d9a6ccc
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/ValidatorOnboarding/Deposit/Deposit.tsx
View File

@ -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 = () => {
<Text size={15} weight="regular" color={'#647084'}>
Connect you Wallet to stake required ETH for new validators
</Text>
<Input style={{ fontWeight: 'bold' }} />
<Input
icon={<AddIcon size={16} style={{ cursor: 'pointer' }} onClick={addValidatorHandler} />}
style={{ fontWeight: 'bold' }}
value={validatorCount.toString()}
onChange={changeValidatorCountHandler}
/>
</Stack>
{isInfoBoxVisible && (
<InformationBox