From 82bdb38be66f3c09be68a7ac4615f9608fbc9264 Mon Sep 17 00:00:00 2001 From: Hristo Nedelkov Date: Mon, 25 Sep 2023 09:24:18 +0300 Subject: [PATCH] Create Beacon Address row --- .../ConnectExistingInstance/BeaconAddress.tsx | 61 +++++++++++++++++++ .../ConnectExistingInstance.tsx | 6 +- 2 files changed, 65 insertions(+), 2 deletions(-) create mode 100644 src/pages/ConnectExistingInstance/BeaconAddress.tsx diff --git a/src/pages/ConnectExistingInstance/BeaconAddress.tsx b/src/pages/ConnectExistingInstance/BeaconAddress.tsx new file mode 100644 index 00000000..11b4d14e --- /dev/null +++ b/src/pages/ConnectExistingInstance/BeaconAddress.tsx @@ -0,0 +1,61 @@ +import { Input, Text } from "@status-im/components" +import { useState } from "react" +import { Checkbox, Stack, Switch, XStack, YStack } from "tamagui" + +const BeackonAddress = () => { + const [isBeaconSwitchOn, setIsBeaconSwitchOn] = useState(false) + const [inputAdress, setInputAdress] = useState('') + const [vcPort, setVcPort] = useState('') + const [isClientAddressChecked, setIsClientAddressChecked] = useState(false) + + return ( + + + + + Protocol + (HTTP/HTTPS) + + + setIsBeaconSwitchOn(prev => !prev)}> + + + + + + Beacon Address + + { }} + /> + + + + + VC Port + + { }} + /> + + + + setIsClientAddressChecked(prev => !prev)} + size={32} + /> + + + + + ) +} + +export default BeackonAddress \ No newline at end of file diff --git a/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx b/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx index 67d3647a..ed4f0514 100644 --- a/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx +++ b/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx @@ -1,6 +1,6 @@ -import { Separator, Stack, Switch, XStack, YStack } from 'tamagui' +import { Separator, XStack, YStack } from 'tamagui' import { useState } from 'react' -import { Button, Checkbox, Input, Text } from '@status-im/components' +import { Button, Input, Text } from '@status-im/components' import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow' @@ -13,6 +13,7 @@ import Header from '../../components/General/Header' import Icon from '../../components/General/Icon' import PairedSuccessfully from '../PairDevice/PairedSuccessfully' import ClientAddressRow from './ClientAddressRow' +import BeackonAddress from './BeaconAddress' const ConnectExistingInstance = () => { const isPaired = false @@ -50,6 +51,7 @@ const ConnectExistingInstance = () => { {/* two rows */} +