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

feat: add custom blue dot to filter icon

Browse Source
This commit is contained in:
RadoslavDimchev 2023-11-10 21:56:25 +02:00
parent 9c8bae7e82
commit 28b5265193
1 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx
View File

@ -1,7 +1,7 @@
import { Checkbox, Text } from '@status-im/components' import { Checkbox, Text } from '@status-im/components'
import { OptionsIcon, SortIcon } from '@status-im/icons' import { OptionsIcon, SortIcon } from '@status-im/icons'
import { useState } from 'react' import { useState } from 'react'
import { YStack, XStack } from 'tamagui' import { YStack, XStack, Stack } from 'tamagui'
import ValidatorProfile from '../../../components/General/ValidatorProfile' import ValidatorProfile from '../../../components/General/ValidatorProfile'
import SearchManagement from './SearchManagement' import SearchManagement from './SearchManagement'
@ -69,6 +69,7 @@ const ManagementTable = () => {
<YStack> <YStack>
<XStack justifyContent="space-between"> <XStack justifyContent="space-between">
<SearchManagement searchValue={searchValue} changeSearchValue={changeSearchValue} /> <SearchManagement searchValue={searchValue} changeSearchValue={changeSearchValue} />
<Stack style={{ position: 'relative', display: 'inline-block' }}>
<SortIcon <SortIcon
size={20} size={20}
color="#647084" color="#647084"
@ -79,6 +80,17 @@ const ManagementTable = () => {
cursor: 'pointer', cursor: 'pointer',
}} }}
/> />
<Stack style={{
position: 'absolute',
right: -2,
top: -1.5,
width: '9px',
height: '9px',
borderRadius: '50%',
backgroundColor: '#1992D7',
border: '1.5px solid #fff',
}} />
</Stack>
</XStack> </XStack>
<table> <table>
<thead> <thead>