feat: add dropdown menu for filter

This commit is contained in:
RadoslavDimchev 2023-11-11 23:07:39 +02:00
parent c376daa932
commit 0ed0a015da
1 changed files with 31 additions and 25 deletions

View File

@ -1,4 +1,4 @@
import { Checkbox, Text } from '@status-im/components'
import { Checkbox, DropdownMenu, Text } from '@status-im/components'
import { OptionsIcon, SortIcon } from '@status-im/icons'
import { useState } from 'react'
import { YStack, XStack, Stack } from 'tamagui'
@ -69,6 +69,7 @@ const ManagementTable = () => {
<YStack>
<XStack space={'$3'} justifyContent="space-between" alignItems="center">
<SearchManagement searchValue={searchValue} changeSearchValue={changeSearchValue} />
<DropdownMenu>
<Stack style={{ position: 'relative', display: 'flex', alignItems: 'center' }}>
<SortIcon
size={20}
@ -93,6 +94,11 @@ const ManagementTable = () => {
}}
/>
</Stack>
<DropdownMenu.Content sideOffset={5} position="absolute" zIndex={999}>
<DropdownMenu.Item key={'name'} label={'name'} onSelect={() => {}} />
<DropdownMenu.Item key={'address'} label={'address'} onSelect={() => {}} />
</DropdownMenu.Content>
</DropdownMenu>
</XStack>
<table>
<thead>