diff options
Diffstat (limited to 'src/view/screens')
-rw-r--r-- | src/view/screens/ProfileFollowers.tsx | 20 | ||||
-rw-r--r-- | src/view/screens/ProfileFollows.tsx | 20 |
2 files changed, 34 insertions, 6 deletions
diff --git a/src/view/screens/ProfileFollowers.tsx b/src/view/screens/ProfileFollowers.tsx index aabfb59a4..3d78a88a1 100644 --- a/src/view/screens/ProfileFollowers.tsx +++ b/src/view/screens/ProfileFollowers.tsx @@ -1,4 +1,5 @@ import React, {useEffect} from 'react' +import {StyleSheet, Text, View} from 'react-native' import {ProfileFollowers as ProfileFollowersComponent} from '../com/profile/ProfileFollowers' import {ScreenParams} from '../routes' import {useStores} from '../../state' @@ -9,9 +10,22 @@ export const ProfileFollowers = ({visible, params}: ScreenParams) => { useEffect(() => { if (visible) { - store.nav.setTitle('Followers of') + store.nav.setTitle(`Followers of ${name}`) } - }, [store, visible]) + }, [store, visible, name]) - return <ProfileFollowersComponent name={name} /> + return ( + <View> + <Text style={styles.title}>Followers of {name}</Text> + <ProfileFollowersComponent name={name} /> + </View> + ) } + +const styles = StyleSheet.create({ + title: { + fontSize: 21, + fontWeight: 'bold', + padding: 10, + }, +}) diff --git a/src/view/screens/ProfileFollows.tsx b/src/view/screens/ProfileFollows.tsx index d020fc742..6f5c82478 100644 --- a/src/view/screens/ProfileFollows.tsx +++ b/src/view/screens/ProfileFollows.tsx @@ -1,4 +1,5 @@ import React, {useEffect} from 'react' +import {StyleSheet, Text, View} from 'react-native' import {ProfileFollows as ProfileFollowsComponent} from '../com/profile/ProfileFollows' import {ScreenParams} from '../routes' import {useStores} from '../../state' @@ -9,9 +10,22 @@ export const ProfileFollows = ({visible, params}: ScreenParams) => { useEffect(() => { if (visible) { - store.nav.setTitle('Followers of') + store.nav.setTitle(`Followed by ${name}`) } - }, [store, visible]) + }, [store, visible, name]) - return <ProfileFollowsComponent name={name} /> + return ( + <View> + <Text style={styles.title}>Followed by {name}</Text> + <ProfileFollowsComponent name={name} /> + </View> + ) } + +const styles = StyleSheet.create({ + title: { + fontSize: 21, + fontWeight: 'bold', + padding: 10, + }, +}) |