zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Add consistent view headers

Browse source
This commit is contained in:
Paul Frazee 2022-11-01 11:06:43 -05:00
parent 0fd2c3c4cb
commit ab134cac93
10 changed files with 164 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

47
src/view/screens/Settings.tsx
View file

@ -1,9 +1,10 @@
import React, {useEffect} from 'react'
import {Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
import {StyleSheet, Text, TouchableOpacity, View} from 'react-native'
import {observer} from 'mobx-react-lite'
import {useStores} from '../../state'
import {ScreenParams} from '../routes'
import {s, colors} from '../lib/styles'
import {ViewHeader} from '../com/util/ViewHeader'
import {Link} from '../com/util/Link'
import {UserAvatar} from '../com/util/UserAvatar'
@ -22,28 +23,30 @@ export const Settings = observer(function Settings({visible}: ScreenParams) {
}
return (
<View style={[s.flex1, s.pl10, s.pr10]}>
<Text style={styles.title}>Settings</Text>
<View style={[s.flexRow]}>
<Text>Signed in as</Text>
<View style={s.flex1} />
<TouchableOpacity onPress={onPressSignout}>
<Text style={[s.blue3, s.bold]}>Sign out</Text>
</TouchableOpacity>
</View>
<Link href={`/profile/${store.me.name}`} title="Your profile">
<View style={styles.profile}>
<UserAvatar
size={40}
displayName={store.me.displayName}
name={store.me.name || ''}
/>
<View style={[s.ml10]}>
<Text style={[s.f18]}>{store.me.displayName}</Text>
<Text style={[s.gray5]}>@{store.me.name}</Text>
</View>
<View style={[s.flex1]}>
<ViewHeader title="Settings" />
<View style={[s.mt10, s.pl10, s.pr10]}>
<View style={[s.flexRow]}>
<Text>Signed in as</Text>
<View style={s.flex1} />
<TouchableOpacity onPress={onPressSignout}>
<Text style={[s.blue3, s.bold]}>Sign out</Text>
</TouchableOpacity>
</View>
</Link>
<Link href={`/profile/${store.me.name}`} title="Your profile">
<View style={styles.profile}>
<UserAvatar
size={40}
displayName={store.me.displayName}
name={store.me.name || ''}
/>
<View style={[s.ml10]}>
<Text style={[s.f18]}>{store.me.displayName}</Text>
<Text style={[s.gray5]}>@{store.me.name}</Text>
</View>
</View>
</Link>
</View>
</View>
)
})