status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-21 08:49:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(dropdown-filter-management): use notification badge

Browse Source
This commit is contained in:
RadoslavDimchev 2024-04-11 16:10:45 +03:00 committed by Radoslav Dimchev
parent 2d6f58d479
commit 402f120d59
1 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/ValidatorManagement/ManagementTable/DropdownFilter.tsx
View File

@ -2,6 +2,8 @@ import { DropdownMenu } from '@status-im/components'
import { SortIcon } from '@status-im/icons' import { SortIcon } from '@status-im/icons'
import { Stack } from 'tamagui' import { Stack } from 'tamagui'
import NotificationBadge from '../../../components/General/NotificationBadge'
const DropdownFilter = () => { const DropdownFilter = () => {
return ( return (
<DropdownMenu> <DropdownMenu>
@ -18,18 +20,7 @@ const DropdownFilter = () => {
cursor: 'pointer', cursor: 'pointer',
}} }}
/> />
<Stack <NotificationBadge />
style={{
position: 'absolute',
right: -2,
top: -1.5,
width: '9px',
height: '9px',
borderRadius: '50%',
backgroundColor: '#1992D7',
border: '1.5px solid #fff',
}}
/>
</Stack> </Stack>
<DropdownMenu.Content sideOffset={5} position="absolute" zIndex={999} /> <DropdownMenu.Content sideOffset={5} position="absolute" zIndex={999} />
</DropdownMenu> </DropdownMenu>