From d7d8c7ed1b2db9bc78c05f722d2f3de310a67144 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 16 Aug 2023 15:06:12 +0300
Subject: [PATCH] feat: add input for generated id

---
 src/pages/PairDevice/PairDevice.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/PairDevice/PairDevice.tsx b/src/pages/PairDevice/PairDevice.tsx
index 3fe619a1..fde092d9 100644
--- a/src/pages/PairDevice/PairDevice.tsx
+++ b/src/pages/PairDevice/PairDevice.tsx
@@ -1,7 +1,7 @@
 import { Separator, XStack, YStack } from 'tamagui'
 import { useState } from 'react'
 import { v4 as uuidv4 } from 'uuid'
-import { Button, Checkbox, Tag, Text } from '@status-im/components'
+import { Button, Checkbox, Input, Tag, Text } from '@status-im/components'
 
 import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import SyncStatus from './SyncStatus'
@@ -42,6 +42,12 @@ const PairDevice = () => {
             Generate ID
           </Button>
         </XStack>
+        <YStack space={'$2'}>
+          <Text size={13} weight={'medium'} color={'#647084'}>
+            Generated Pairing ID
+          </Text>
+          <Input placeholder={'nimbus pair <random-pairing-id>'} />
+        </YStack>
         <Separator borderColor={'#e3e3e3'} />
         <SyncStatus isPairing={isPairing} />
         <Separator borderColor={'#e3e3e3'} />