diff --git a/public/icons/refresh.svg b/public/icons/refresh.svg new file mode 100644 index 00000000..ead09ed3 --- /dev/null +++ b/public/icons/refresh.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/pages/PairDevice/PairDevice.tsx b/src/pages/PairDevice/PairDevice.tsx index ec0080ab..1b3b06df 100644 --- a/src/pages/PairDevice/PairDevice.tsx +++ b/src/pages/PairDevice/PairDevice.tsx @@ -1,5 +1,6 @@ import { YStack } from 'tamagui' import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow' +import SyncStatus from './SyncStatus' const PairDevice = () => { return ( @@ -9,7 +10,9 @@ const PairDevice = () => { style={{ maxWidth: '100%', }} - > + > + + ) } diff --git a/src/pages/PairDevice/SyncStatus.tsx b/src/pages/PairDevice/SyncStatus.tsx new file mode 100644 index 00000000..f1de75dd --- /dev/null +++ b/src/pages/PairDevice/SyncStatus.tsx @@ -0,0 +1,20 @@ +import { XStack, YStack } from 'tamagui' +import { Text } from '@status-im/components' +import Icon from '../../components/General/Icon' +const SyncStatus = () => { + return ( + + + + Device Sync Status + + + + + No pairing input provided. + + + ) +} + +export default SyncStatus