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

feat: add custom styled check icon

Browse Source
This commit is contained in:
RadoslavDimchev 2024-01-23 21:31:57 +02:00
parent 064d68752f
commit efd4e26cf2
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/PairDevice/ConnectViaIP/InputsRow.tsx
View File

@ -1,6 +1,7 @@
import { Checkbox, Input, Text } from '@status-im/components' import { Input, Text } from '@status-im/components'
import { useDispatch, useSelector } from 'react-redux' import { useDispatch, useSelector } from 'react-redux'
import { Stack, Switch, YStack } from 'tamagui' import { Stack, Switch, YStack } from 'tamagui'
import { CheckIcon } from '@status-im/icons'
import { RootState } from '../../../redux/store' import { RootState } from '../../../redux/store'
import PortInput from './PortInput' import PortInput from './PortInput'
@ -84,14 +85,16 @@ const InputsRow = ({
{isAdvanced === true && <PortInput port={port} portType={portType} />} {isAdvanced === true && <PortInput port={port} portType={portType} />}
{isAdvanced === false && <PortInput port={vcPort} portType={VC} />} {isAdvanced === false && <PortInput port={vcPort} portType={VC} />}
{isAdvanced === false && <PortInput port={beaconPort} portType={BEACON} />} {isAdvanced === false && <PortInput port={beaconPort} portType={BEACON} />}
<div style={{ display: 'flex', alignItems: 'end' }}> <div style={{ display: 'flex', alignItems: 'end', marginBottom: '11px' }}>
<Stack height={'46%'} flexBasis={0} flexGrow={0.5}> <Stack flexBasis={0} flexGrow={0.5}>
<Checkbox <CheckIcon
id="AddressAndPortInputs" size={16}
variant="outline" style={{
selected={isAdvanced ? isChecked : isNodeChecked} borderRadius: '50%',
onCheckedChange={onCheckboxChange} backgroundColor: isChecked ? '#1B273D1A' : '#2A4AF5',
size={20} padding: '1px',
}}
color={'white'}
/> />
</Stack> </Stack>
</div> </div>