status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: visible state for info box

This commit is contained in:
RadoslavDimchev 2023-09-19 19:24:49 +03:00
parent 9361b6477f
commit 6fcf369780
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,15 @@
import { Avatar, Button, DividerLine, InformationBox, Input, Text } from '@status-im/components' import { Avatar, Button, DividerLine, InformationBox, Input, Text } from '@status-im/components'
import { PlaceholderIcon } from '@status-im/icons'
import { Stack, XStack, YStack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import { useState } from 'react'
const Deposit = () => { const Deposit = () => {
const [isInfoBoxVisible, setIsInfoBoxVisible] = useState(true)
const onCloseInfoBox = () => {
setIsInfoBoxVisible(false)
}
return ( return (
<YStack space={'$2'} style={{ width: '100%', padding: '16px 32px', alignItems: 'start' }}> <YStack space={'$2'} style={{ width: '100%', padding: '16px 32px', alignItems: 'start' }}>
<Text size={19} weight={'semibold'}> <Text size={19} weight={'semibold'}>
@ -14,10 +22,13 @@ const Deposit = () => {
</Text> </Text>
<Input style={{ fontWeight: 'bold' }} /> <Input style={{ fontWeight: 'bold' }} />
</Stack> </Stack>
<InformationBox {isInfoBoxVisible && (
message="Your Validator balances currently require a deposit. If you have already made a deposit using Launchpad please wait until the transaction is posted on execution layer to continue." <InformationBox
variant="error" message="Your Validator balances currently require a deposit. If you have already made a deposit using Launchpad please wait until the transaction is posted on execution layer to continue."
/> variant="error"
onClosePress={onCloseInfoBox}
/>
)}
<Text size={19} weight={'semibold'}> <Text size={19} weight={'semibold'}>
Connect Wallet Connect Wallet
</Text> </Text>