status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix all inputs onChange event handler

This commit is contained in:
Hristo Nedelkov 2023-09-25 18:37:47 +03:00
parent 82bdb38be6
commit 46556f71ed
3 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/ConnectExistingInstance/BeaconAddress.tsx
View File

@ -7,7 +7,7 @@ const BeackonAddress = () => {
const [inputAdress, setInputAdress] = useState('') const [inputAdress, setInputAdress] = useState('')
const [vcPort, setVcPort] = useState('') const [vcPort, setVcPort] = useState('')
const [isClientAddressChecked, setIsClientAddressChecked] = useState(false) const [isClientAddressChecked, setIsClientAddressChecked] = useState(false)
return ( return (
<YStack> <YStack>
<XStack justifyContent={'space-between'}> <XStack justifyContent={'space-between'}>
@ -23,12 +23,12 @@ const BeackonAddress = () => {
</YStack> </YStack>
<YStack space={'$2'}> <YStack space={'$2'}>
<Text size={11} color={'#647084'} weight={'regular'}> <Text size={11} color={'#647084'} weight={'regular'}>
Beacon Address Beacon Address
</Text> </Text>
<Input <Input
placeholder={''} placeholder={''}
value={inputAdress} value={inputAdress}
onChangeText={() => { }} onChangeText={(e) => { setInputAdress(e) }}
/> />
</YStack> </YStack>
@ -39,7 +39,7 @@ const BeackonAddress = () => {
<Input <Input
placeholder={''} placeholder={''}
value={vcPort} value={vcPort}
onChangeText={() => { }} onChangeText={(e) => { setVcPort(e) }}
/> />
</YStack> </YStack>
<Stack style={{ alignItems: 'center', justifyContent: 'center' }} height={'100%'} width={'10%'}> <Stack style={{ alignItems: 'center', justifyContent: 'center' }} height={'100%'} width={'10%'}>

6
src/pages/ConnectExistingInstance/ClientAddressRow.tsx
View File

@ -7,7 +7,7 @@ const ClientAddressRow = () => {
const [inputAdress, setInputAdress] = useState('') const [inputAdress, setInputAdress] = useState('')
const [vcPort, setVcPort] = useState('') const [vcPort, setVcPort] = useState('')
const [isClientAddressChecked, setIsClientAddressChecked] = useState(false) const [isClientAddressChecked, setIsClientAddressChecked] = useState(false)
return ( return (
<YStack> <YStack>
<XStack justifyContent={'space-between'}> <XStack justifyContent={'space-between'}>
@ -28,7 +28,7 @@ const ClientAddressRow = () => {
<Input <Input
placeholder={''} placeholder={''}
value={inputAdress} value={inputAdress}
onChangeText={() => { }} onChangeText={(e) => { setInputAdress(e) }}
/> />
</YStack> </YStack>
@ -39,7 +39,7 @@ const ClientAddressRow = () => {
<Input <Input
placeholder={''} placeholder={''}
value={vcPort} value={vcPort}
onChangeText={() => { }} onChangeText={(e) => { setVcPort(e)}}
/> />
</YStack> </YStack>
<Stack style={{ alignItems: 'center', justifyContent: 'center' }} height={'100%'} width={'10%'}> <Stack style={{ alignItems: 'center', justifyContent: 'center' }} height={'100%'} width={'10%'}>

1
src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx
View File

@ -49,7 +49,6 @@ const ConnectExistingInstance = () => {
Advanced Advanced
</Button> </Button>
</XStack> </XStack>
{/* two rows */}
<ClientAddressRow /> <ClientAddressRow />
<BeackonAddress/> <BeackonAddress/>
<Separator borderColor={'#e3e3e3'} /> <Separator borderColor={'#e3e3e3'} />