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: add dropdown menu

This commit is contained in:
RadoslavDimchev 2023-09-26 20:29:37 +03:00
parent fb6768f9e0
commit 6f9f9e38f8
1 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/ValidatorOnboarding/Deposit/Validators.tsx
View File

@ -1,5 +1,5 @@
import { Input, Text } from '@status-im/components' import { DropdownMenu, Input, Text } from '@status-im/components'
import { AddIcon, ChevronDownIcon } from '@status-im/icons' import { AddIcon, ChevronDownIcon, EditIcon } from '@status-im/icons'
import { Stack, XStack, YStack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import DepositSubtitle from './DepositSubtitle' import DepositSubtitle from './DepositSubtitle'
@ -40,7 +40,31 @@ const Validators = ({
<Text size={15} weight={'semibold'}> <Text size={15} weight={'semibold'}>
USD USD
</Text> </Text>
<DropdownMenu>
<ChevronDownIcon size={16} color={'#919191'} style={{ cursor: 'pointer' }} /> <ChevronDownIcon size={16} color={'#919191'} style={{ cursor: 'pointer' }} />
<DropdownMenu.Content sideOffset={10}>
<DropdownMenu.Item
icon={<EditIcon size={20} />}
label="asdf"
onSelect={() => console.log('e')}
/>
<DropdownMenu.Item
icon={<EditIcon size={20} />}
label="asdf"
onSelect={() => console.log('e')}
/>
<DropdownMenu.Item
icon={<EditIcon size={20} />}
label="asdf"
onSelect={() => console.log('e')}
/>
<DropdownMenu.Item
icon={<EditIcon size={20} />}
label="asdf"
onSelect={() => console.log('e')}
/>
</DropdownMenu.Content>
</DropdownMenu>
</XStack> </XStack>
<Text size={27} weight={'semibold'}> <Text size={27} weight={'semibold'}>
$4,273 USD $4,273 USD