diff --git a/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx b/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx deleted file mode 100644 index bb4ff43e..00000000 --- a/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx +++ /dev/null @@ -1,83 +0,0 @@ -import { Separator, XStack, YStack } from 'tamagui' -import { useState } from 'react' -import { Button, Input, Text } from '@status-im/components' -import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow' - -import Titles from '../../components/General/Titles' - -import { NodeIcon, SettingsIcon, CompleteIdIcon, ClearIcon } from '@status-im/icons' -import Header from '../../components/General/Header' - -import ClientAddressRow from './ClientAddressRow' -import BeaconAddress from './BeaconAddress' - -const ConnectExistingInstance = () => { - const [encryptedPassword, setEncryptedPassword] = useState('') - - const changeEncryptedPasswordHandler = (value: string) => { - setEncryptedPassword(value) - } - - return ( - - -
- - - - Connect via IP - - - - - - - - - API Token - - setEncryptedPassword('')} - style={{ cursor: 'pointer' }} - /> - } - value={encryptedPassword} - onChangeText={changeEncryptedPasswordHandler} - /> - - - - Advanced Settings - - - - - - - - - - - ) -} - -export default ConnectExistingInstance diff --git a/src/pages/ConnectExistingInstance/BeaconAddress.stories.tsx b/src/pages/PairDevice/BeaconAddress.stories.tsx similarity index 100% rename from src/pages/ConnectExistingInstance/BeaconAddress.stories.tsx rename to src/pages/PairDevice/BeaconAddress.stories.tsx diff --git a/src/pages/ConnectExistingInstance/BeaconAddress.tsx b/src/pages/PairDevice/BeaconAddress.tsx similarity index 100% rename from src/pages/ConnectExistingInstance/BeaconAddress.tsx rename to src/pages/PairDevice/BeaconAddress.tsx diff --git a/src/pages/ConnectExistingInstance/ClientAddressRow.stories.tsx b/src/pages/PairDevice/ClientAddressRow.stories.tsx similarity index 100% rename from src/pages/ConnectExistingInstance/ClientAddressRow.stories.tsx rename to src/pages/PairDevice/ClientAddressRow.stories.tsx diff --git a/src/pages/ConnectExistingInstance/ClientAddressRow.tsx b/src/pages/PairDevice/ClientAddressRow.tsx similarity index 100% rename from src/pages/ConnectExistingInstance/ClientAddressRow.tsx rename to src/pages/PairDevice/ClientAddressRow.tsx diff --git a/src/pages/ConnectExistingInstance/ConnectExistingInctance.stories.tsx b/src/pages/PairDevice/ConnectExistingInctance.stories.tsx similarity index 100% rename from src/pages/ConnectExistingInstance/ConnectExistingInctance.stories.tsx rename to src/pages/PairDevice/ConnectExistingInctance.stories.tsx index 2f22b83b..3f8d2b64 100644 --- a/src/pages/ConnectExistingInstance/ConnectExistingInctance.stories.tsx +++ b/src/pages/PairDevice/ConnectExistingInctance.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/react' +import { withRouter } from 'storybook-addon-react-router-v6' import ConnectExistingInstance from './ConnectExistingInstance' -import { withRouter } from 'storybook-addon-react-router-v6' const meta = { title: 'Connect-Device/ConnectExistingInstance', diff --git a/src/pages/PairDevice/ConnectExistingInstance.tsx b/src/pages/PairDevice/ConnectExistingInstance.tsx new file mode 100644 index 00000000..58b44246 --- /dev/null +++ b/src/pages/PairDevice/ConnectExistingInstance.tsx @@ -0,0 +1,51 @@ +import { Separator, XStack, YStack } from 'tamagui' +import { useState } from 'react' +import { Button, Input, Text } from '@status-im/components' +import { SettingsIcon, ClearIcon } from '@status-im/icons' + +import ClientAddressRow from './ClientAddressRow' +import BeaconAddress from './BeaconAddress' + +const ConnectExistingInstance = () => { + const [encryptedPassword, setEncryptedPassword] = useState('') + + const changeEncryptedPasswordHandler = (value: string) => { + setEncryptedPassword(value) + } + + return ( + + + + Connect via IP + + + + + + + + + API Token + + setEncryptedPassword('')} + style={{ cursor: 'pointer' }} + /> + } + value={encryptedPassword} + onChangeText={changeEncryptedPasswordHandler} + /> + + + ) +} + +export default ConnectExistingInstance diff --git a/src/pages/PairDevice/PairDevice.tsx b/src/pages/PairDevice/PairDevice.tsx index d543a4d7..6f108c95 100644 --- a/src/pages/PairDevice/PairDevice.tsx +++ b/src/pages/PairDevice/PairDevice.tsx @@ -10,7 +10,7 @@ import PairedSuccessfully from './PairedSuccessfully' import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar' import GenerateId from './GenerateId' import Header from '../../components/General/Header' -import ConnectExistingInstance from '../ConnectExistingInstance/ConnectExistingInstance' +import ConnectExistingInstance from './ConnectExistingInstance' const PairDevice = () => { const [isAwaitingPairing, setIsAwaitingPairing] = useState(false)