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

feat: render existing instance in pair device

This commit is contained in:
RadoslavDimchev 2023-12-20 07:57:15 +02:00
parent 1175e1f4af
commit 328bc5fce7
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/PairDevice/PairDevice.tsx
View File

@ -10,6 +10,7 @@ import PairedSuccessfully from './PairedSuccessfully'
import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar' import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar'
import GenerateId from './GenerateId' import GenerateId from './GenerateId'
import Header from '../../components/General/Header' import Header from '../../components/General/Header'
import ConnectExistingInstance from '../ConnectExistingInstance/ConnectExistingInstance'
const PairDevice = () => { const PairDevice = () => {
const [isAwaitingPairing, setIsAwaitingPairing] = useState(false) const [isAwaitingPairing, setIsAwaitingPairing] = useState(false)
@ -33,13 +34,23 @@ const PairDevice = () => {
title="Connect to existing Nimbus Instance" title="Connect to existing Nimbus Instance"
subtitle="Pair your existing device to the Nimbus Node Manager" subtitle="Pair your existing device to the Nimbus Node Manager"
/> />
{isPaired ? <PairedSuccessfully /> : <GenerateId isAwaitingPairing={isAwaitingPairing} />} {isConnectingViaIp ? (
{isPaired === false && ( <ConnectExistingInstance />
<SyncStatus ) : (
isPairing={isPairing} <>
isAwaitingPairing={isAwaitingPairing} {isPaired ? (
changeSetIsAwaitingPairing={changeSetIsAwaitingPairing} <PairedSuccessfully />
/> ) : (
<GenerateId isAwaitingPairing={isAwaitingPairing} />
)}
{isPaired === false && (
<SyncStatus
isPairing={isPairing}
isAwaitingPairing={isAwaitingPairing}
changeSetIsAwaitingPairing={changeSetIsAwaitingPairing}
/>
)}
</>
)} )}
{isPaired === false && ( {isPaired === false && (
<YStack space={'$3'}> <YStack space={'$3'}>