diff options
Diffstat (limited to 'src/view/shell/mobile/Menu.tsx')
-rw-r--r-- | src/view/shell/mobile/Menu.tsx | 23 |
1 files changed, 20 insertions, 3 deletions
diff --git a/src/view/shell/mobile/Menu.tsx b/src/view/shell/mobile/Menu.tsx index 3a6bbbc0a..b06c1da9e 100644 --- a/src/view/shell/mobile/Menu.tsx +++ b/src/view/shell/mobile/Menu.tsx @@ -11,7 +11,13 @@ import {observer} from 'mobx-react-lite' import VersionNumber from 'react-native-version-number' import {s, colors} from '../../lib/styles' import {useStores} from '../../../state' -import {HomeIcon, BellIcon, CogIcon, MagnifyingGlassIcon} from '../../lib/icons' +import { + HomeIcon, + BellIcon, + UserIcon, + CogIcon, + MagnifyingGlassIcon, +} from '../../lib/icons' import {UserAvatar} from '../../com/util/UserAvatar' import {Text} from '../../com/util/text/Text' import {ToggleButton} from '../../com/util/forms/ToggleButton' @@ -117,7 +123,7 @@ export const Menu = observer( Search </Text> </TouchableOpacity> - <View style={[styles.section, pal.border]}> + <View style={[styles.section, pal.border, {paddingTop: 5}]}> <MenuItem icon={ <HomeIcon style={pal.text as StyleProp<ViewStyle>} size="26" /> @@ -135,6 +141,17 @@ export const Menu = observer( /> <MenuItem icon={ + <UserIcon + style={pal.text as StyleProp<ViewStyle>} + size="30" + strokeWidth={2} + /> + } + label="Profile" + url={`/profile/${store.me.handle}`} + /> + <MenuItem + icon={ <CogIcon style={pal.text as StyleProp<ViewStyle>} size="30" @@ -208,7 +225,7 @@ const styles = StyleSheet.create({ menuItem: { flexDirection: 'row', alignItems: 'center', - paddingVertical: 8, + paddingVertical: 6, paddingLeft: 6, paddingRight: 10, }, |