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,
},