feat: add custom blue dot to filter icon

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

View File

@ -1,7 +1,7 @@
import { Checkbox, Text } from '@status-im/components'
import { OptionsIcon, SortIcon } from '@status-im/icons'
import { useState } from 'react'
import { YStack, XStack } from 'tamagui'
import { YStack, XStack, Stack } from 'tamagui'
import ValidatorProfile from '../../../components/General/ValidatorProfile'
import SearchManagement from './SearchManagement'
@ -69,16 +69,28 @@ const ManagementTable = () => {
<YStack>
<XStack justifyContent="space-between">
<SearchManagement searchValue={searchValue} changeSearchValue={changeSearchValue} />
<SortIcon
size={20}
color="#647084"
style={{
border: '1px solid #DCE0E5',
borderRadius: '10px',
padding: '6px',
cursor: 'pointer',
}}
/>
<Stack style={{ position: 'relative', display: 'inline-block' }}>
<SortIcon
size={20}
color="#647084"
style={{
border: '1px solid #DCE0E5',
borderRadius: '10px',
padding: '6px',
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>
<table>
<thead>