diff --git a/src/pages/PairDevice/PairDevice.tsx b/src/pages/PairDevice/PairDevice.tsx index 1b3b06df..f455a2e8 100644 --- a/src/pages/PairDevice/PairDevice.tsx +++ b/src/pages/PairDevice/PairDevice.tsx @@ -11,7 +11,7 @@ const PairDevice = () => { maxWidth: '100%', }} > - + ) diff --git a/src/pages/PairDevice/SyncStatus.tsx b/src/pages/PairDevice/SyncStatus.tsx index f1de75dd..12f2b82a 100644 --- a/src/pages/PairDevice/SyncStatus.tsx +++ b/src/pages/PairDevice/SyncStatus.tsx @@ -1,18 +1,33 @@ import { XStack, YStack } from 'tamagui' import { Text } from '@status-im/components' import Icon from '../../components/General/Icon' -const SyncStatus = () => { +type SyncStatusProps = { + isPairing: boolean + timer: string +} +const SyncStatus = ({ isPairing, timer }: SyncStatusProps) => { return ( Device Sync Status + {isPairing && ( + + {timer} + + )} - - No pairing input provided. - + {isPairing ? ( + + Awaiting pairing connection... + + ) : ( + + No pairing input provided. + + )} ) }