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

fix: rename is switch on state

Browse Source
This commit is contained in:
RadoslavDimchev 2023-12-20 12:09:01 +02:00
parent 052d0ab6dd
commit 28584f4396
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/PairDevice/ConnectViaIP/AddressAndPortInputs.tsx
View File

@ -9,13 +9,13 @@ type AddressAndPortInputsProps = {
}
const AddressAndPortInputs = ({ addressType, portType, isAdvanced }: AddressAndPortInputsProps) => {
const [isSwitchOn, setIsSwitchOn] = useState(true)
const [isProtocolSwitchOn, setIsProtocolSwitchOn] = useState(true)
const [address, setAddress] = useState('http://124.0.0.1')
const [port, setPort] = useState('5052')
const [isChecked, setIsChecked] = useState(true)
const onSwitchChangeHandler = () => {
setIsSwitchOn(state => !state)
const onProtocolSwitchChangeHandler = () => {
setIsProtocolSwitchOn(state => !state)
}
const onAddressChangeHandler = (value: string) => {
@ -48,9 +48,11 @@ const AddressAndPortInputs = ({ addressType, portType, isAdvanced }: AddressAndP
</YStack>
<Switch
size="$1"
style={isSwitchOn ? { backgroundColor: '#2A4AF5' } : { backgroundColor: 'grey' }}
checked={isSwitchOn}
onCheckedChange={onSwitchChangeHandler}
style={
isProtocolSwitchOn ? { backgroundColor: '#2A4AF5' } : { backgroundColor: 'grey' }
}
checked={isProtocolSwitchOn}
onCheckedChange={onProtocolSwitchChangeHandler}
>
<Switch.Thumb
style={{