diff --git a/src/view/com/modals/TabsSelector.tsx b/src/view/com/modals/TabsSelector.tsx index 45492f1f..363f6fcd 100644 --- a/src/view/com/modals/TabsSelector.tsx +++ b/src/view/com/modals/TabsSelector.tsx @@ -1,6 +1,7 @@ import React, {createRef, useRef, useMemo, useState} from 'react' import {observer} from 'mobx-react-lite' import { + Image, ScrollView, StyleSheet, Text, @@ -20,6 +21,7 @@ import Swipeable from 'react-native-gesture-handler/Swipeable' import LinearGradient from 'react-native-linear-gradient' import {useStores} from '../../../state' import {s, colors, gradients} from '../../lib/styles' +import {DEF_AVATER} from '../../lib/assets' import {match} from '../../routes' const TAB_HEIGHT = 42 @@ -105,7 +107,7 @@ export const Component = observer(() => { gradient: keyof typeof gradients }) => ( onNavigate(url)}> { end={{x: 1, y: 1}}> - {label} + + {label} + ) @@ -132,6 +136,14 @@ export const Component = observer(() => { + onNavigate(`/profile/${store.me.name || ''}`)}> + + + {store.me.displayName || store.me.name || 'My profile'} + + { url="/notifications" gradient="purple" /> - @@ -255,10 +261,13 @@ const styles = StyleSheet.create({ marginBottom: 10, }, fatMenuItem: { - width: 90, + width: 80, alignItems: 'center', marginRight: 6, }, + fatMenuItemMargin: { + marginRight: 14, + }, fatMenuItemIconWrapper: { borderRadius: 6, width: 60, @@ -274,6 +283,12 @@ const styles = StyleSheet.create({ fatMenuItemIcon: { color: colors.white, }, + fatMenuImage: { + borderRadius: 30, + width: 60, + height: 60, + marginBottom: 5, + }, fatMenuItemLabel: { fontSize: 13, },