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

This commit is contained in:
Hristo Nedelkov 2023-08-16 14:01:33 +03:00
parent b6926866ca
commit db931f2562
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/PairDevice/SyncStatus.tsx
View File

@ -5,6 +5,7 @@ import RefreshBlackIcon from '/icons/refresh-black.svg'
import RefreshIcon from '/icons/refresh.svg' import RefreshIcon from '/icons/refresh.svg'
import BlockIcon from '/icons/block.svg' import BlockIcon from '/icons/block.svg'
import ConnectionIcon from '/icons/connection.svg' import ConnectionIcon from '/icons/connection.svg'
import { useState } from 'react'
type SyncStatusProps = { type SyncStatusProps = {
isPairing: boolean isPairing: boolean
@ -40,17 +41,19 @@ const SyncStatus = ({ isPairing, timer, isAwaitingPairing }: SyncStatusProps) =>
</Text> </Text>
)} )}
{isAwaitingPairing && ( {isAwaitingPairing && (
<>
<InformationBox <InformationBox
message="No connection has been created to a Nimbus service for over 3 minutes. Please ensure that the generated pairing ID was input into the CLI. If you are unable to pair device, consider connect via IP. " message="No connection has been created to a Nimbus service for over 3 minutes. Please ensure that the generated pairing ID was input into the CLI. If you are unable to pair device, consider connect via IP. "
variant="error" variant="error"
icon={<Icon src={BlockIcon} />} icon={<Icon src={BlockIcon} />}
/> />
)}
<XStack> <XStack>
<Button icon={<Icon src={ConnectionIcon} />} size={40}> <Button icon={<Icon src={ConnectionIcon} />} size={40}>
Connect via IP Connect via IP
</Button> </Button>
</XStack> </XStack>
</>
)}
</YStack> </YStack>
) )
} }