status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-03-01 19:40:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add input for generated id

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-16 15:06:12 +03:00
parent 9fa220c08d
commit d7d8c7ed1b
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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'} />