feat: disable button if not paired

src/pages/PairDevice/PairDevice.tsx

@@ -8,6 +8,8 @@ import CreateIcon from '../../components/Icons/CreateIcon'
 import NodeIcon from '../../components/Icons/NodeIcon'
 
 const PairDevice = () => {
+  const isPaired = false
+
   return (
     <PageWrapperShadow rightImageSrc="/background-images/day-night-bg.png">
       <YStack
@@ -27,7 +29,9 @@ const PairDevice = () => {
         <SyncStatus isPairing={true} timer={'00:12'} isAwaitingPairing={true} />
         <Separator borderColor={'#e3e3e3'} />
         <XStack>
-          <Button icon={<NodeIcon />}>Continue</Button>
+          <Button icon={<NodeIcon />} disabled={!isPaired}>
+            Continue
+          </Button>
         </XStack>
       </YStack>
     </PageWrapperShadow>

src/pages/PairDevice/SyncStatus.tsx

@@ -1,15 +1,17 @@
-import { Stack, XStack, YStack } from 'tamagui'
+import { XStack, YStack } from 'tamagui'
 import { Button, InformationBox, Text } from '@status-im/components'
 import Icon from '../../components/General/Icon'
 import RefreshBlackIcon from '/icons/refresh-black.svg'
 import RefreshIcon from '/icons/refresh.svg'
 import BlockIcon from '/icons/block.svg'
 import ConnectionIcon from '/icons/connection.svg'
+
 type SyncStatusProps = {
   isPairing: boolean
   timer: string
   isAwaitingPairing?: boolean
 }
+
 const SyncStatus = ({ isPairing, timer, isAwaitingPairing }: SyncStatusProps) => {
   return (
     <YStack space={'$2'}>