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

feat: add eth and usd parts of deposit

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-19 21:52:43 +03:00
parent 184eb46bdd
commit 7ae10ab011
1 changed files with 33 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
import { Avatar, Button, DividerLine, InformationBox, Input, Text } from '@status-im/components' import { Avatar, Button, DividerLine, InformationBox, Input, Text } from '@status-im/components'
import { PlaceholderIcon, AddIcon } from '@status-im/icons' import { PlaceholderIcon, AddIcon, ChevronDownIcon } from '@status-im/icons'
import { Stack, XStack, YStack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import { useState } from 'react' import { useState } from 'react'
import ValidatorRequest from './ValidatorRequest' import ValidatorRequest from './ValidatorRequest'
@ -27,6 +27,7 @@ const Deposit = () => {
<Text size={19} weight={'semibold'}> <Text size={19} weight={'semibold'}>
Deposit Funds Deposit Funds
</Text> </Text>
<XStack justifyContent={'space-between'} width={'80%'}>
<Stack space={'$2'}> <Stack space={'$2'}>
<Text size={15} weight="regular" color={'#647084'}> <Text size={15} weight="regular" color={'#647084'}>
Connect you Wallet to stake required ETH for new validators Connect you Wallet to stake required ETH for new validators
@ -38,8 +39,27 @@ const Deposit = () => {
onChange={changeValidatorCountHandler} onChange={changeValidatorCountHandler}
/> />
</Stack> </Stack>
<YStack space={'$2'}>
<Text size={15} weight={'semibold'} color="#09101C">
ETH
</Text>
<Text size={27} weight={'semibold'} color="#09101C">
64
</Text>
</YStack>
<YStack space={'$2'}>
<XStack style={{ justifyContent: 'space-between' }}>
<Text size={15} weight={'semibold'} color="#09101C">
USD
</Text>
<ChevronDownIcon size={16} color={'#919191'} />
</XStack>
<Text size={27} weight={'semibold'} color="#09101C">
$4,273 USD
</Text>
</YStack>
</XStack>
<DividerLine /> <DividerLine />
<ValidatorRequest /> <ValidatorRequest />
<ValidatorRequest /> <ValidatorRequest />
{isInfoBoxVisible && ( {isInfoBoxVisible && (