status-im
/
dappconnect-sdks
mirror of https://github.com/status-im/dappconnect-sdks.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

add message to mobile

This commit is contained in:
Pavel Prichodko 2023-01-18 16:42:55 +01:00
parent 87cda5b33a
commit 83f65fe251
No known key found for this signature in database
GPG Key ID: 8E4C82D464215E83
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/mobile/App.tsx
View File

@ -7,8 +7,8 @@ import { useState } from 'react'
import { import {
Code, Code,
Heading, Heading,
Image,
Label, Label,
Messages,
Paragraph, Paragraph,
Shape, Shape,
Sidebar, Sidebar,
@ -38,13 +38,6 @@ export default function App() {
<TamaguiProvider config={tamaguiConfig} defaultTheme={theme}> <TamaguiProvider config={tamaguiConfig} defaultTheme={theme}>
<SafeAreaView> <SafeAreaView>
<ScrollView> <ScrollView>
<Image
source={{
uri: 'https://images.unsplash.com/photo-1673537074513-e66435b69012?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80',
height: 200,
width: '100%',
}}
/>
<Sidebar <Sidebar
name="Rarible" name="Rarible"
description="Multichain community-centric NFT marketplace. Create, buy and sell your NFTs." description="Multichain community-centric NFT marketplace. Create, buy and sell your NFTs."
@ -55,6 +48,7 @@ export default function App() {
justifyContent="center" justifyContent="center"
alignItems="center" alignItems="center"
paddingTop={20} paddingTop={20}
paddingHorizontal={12}
width="100%" width="100%"
backgroundColor="$background" backgroundColor="$background"
> >
@ -74,12 +68,15 @@ export default function App() {
<Code marginBottom={12}>This is a code line</Code> <Code marginBottom={12}>This is a code line</Code>
<Paragraph fontWeight="400">0x213abc190 ... 121ah4a9e</Paragraph> <Paragraph fontWeight="400">0x213abc190 ... 121ah4a9e</Paragraph>
<Shape marginVertical={20} /> <Shape marginVertical={20} />
<Paragraph>Theme selected - {theme}</Paragraph> <Paragraph>Theme selected - {theme}</Paragraph>
<TouchableOpacity <TouchableOpacity
onPress={() => setTheme(theme === 'dark' ? 'light' : 'dark')} onPress={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
> >
<Paragraph>Toogle theme</Paragraph> <Paragraph>Toogle theme</Paragraph>
</TouchableOpacity> </TouchableOpacity>
<Messages />
</Stack> </Stack>
</ScrollView> </ScrollView>
</SafeAreaView> </SafeAreaView>