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

Merge branch 'rd-hn.create-pair-device-page' of https://github.com/nimbus-gui/nimbus-gui into rd-hn.create-pair-device-page

This commit is contained in:
Hristo Nedelkov 2023-08-16 13:27:07 +03:00
parent dba9a7e936 d25c13396c
commit f8d8293db2
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,11 @@
import { Separator, YStack } from 'tamagui'
import { Separator, XStack, YStack } from 'tamagui'
import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
import SyncStatus from './SyncStatus'
import NimbusLogo from '../../components/Logos/NimbusLogo'
import { Button, Tag } from '@status-im/components'
import PairIcon from '../../components/Icons/PairIcon'
import CreateIcon from '../../components/Icons/CreateIcon'
import NodeIcon from '../../components/Icons/NodeIcon'
const PairDevice = () => {
return (
@ -11,8 +16,19 @@ const PairDevice = () => {
maxWidth: '100%',
}}
>
<XStack style={{ justifyContent: 'space-between' }}>
<NimbusLogo />
<XStack space={'$2'} style={{ alignItems: 'center' }}>
<Tag icon={PairIcon} label="Pair" size={32} selected />
<Tag icon={CreateIcon} label="Create" size={32} />
</XStack>
</XStack>
<Separator borderColor={'#e3e3e3'} />
<SyncStatus isPairing={true} timer={'00:12'} isAwaitingPairing={true} />
<Separator borderColor={'#e3e3e3'} />
<XStack>
<Button icon={<NodeIcon />}>Continue</Button>
</XStack>
</YStack>
</PageWrapperShadow>
)