diff options
Diffstat (limited to 'src/screens')
-rw-r--r-- | src/screens/moments/TagFriendsScreen.tsx | 3 | ||||
-rw-r--r-- | src/screens/profile/CaptionScreen.tsx | 35 | ||||
-rw-r--r-- | src/screens/profile/IndividualMoment.tsx | 5 |
3 files changed, 19 insertions, 24 deletions
diff --git a/src/screens/moments/TagFriendsScreen.tsx b/src/screens/moments/TagFriendsScreen.tsx index e6a9f5fb..b0722efc 100644 --- a/src/screens/moments/TagFriendsScreen.tsx +++ b/src/screens/moments/TagFriendsScreen.tsx @@ -99,7 +99,7 @@ const TagFriendsScreen: React.FC<TagFriendsScreenProps> = ({route}) => { } /> )} - <View style={{marginHorizontal: '5%', marginTop: '3%'}}> + <View style={styles.footerContainer}> <TagFriendsFooter taggedUsers={taggedUsers} setTaggedUsers={setTaggedUsers} @@ -150,6 +150,7 @@ const styles = StyleSheet.create({ flex: { flex: 1, }, + footerContainer: {marginHorizontal: '5%', marginTop: '3%'}, }); export default TagFriendsScreen; diff --git a/src/screens/profile/CaptionScreen.tsx b/src/screens/profile/CaptionScreen.tsx index 188ccc1f..43665428 100644 --- a/src/screens/profile/CaptionScreen.tsx +++ b/src/screens/profile/CaptionScreen.tsx @@ -176,28 +176,13 @@ const CaptionScreen: React.FC<CaptionScreenProps> = ({route, navigation}) => { selectedUsers: taggedUsers, }) } - style={{ - marginHorizontal: '5%', - marginTop: '3%', - flexDirection: 'row', - justifyContent: 'space-between', - alignItems: 'center', - }}> + style={styles.tagFriendsContainer}> <Image source={require('../../assets/icons/tagging/tag-icon.png')} - style={{width: 20, height: 20}} + style={styles.tagIcon} /> <Text style={styles.tagFriendsTitle}>Tag Friends</Text> - <Text - numberOfLines={1} - style={{ - color: 'white', - width: 150, - fontSize: normalize(10), - lineHeight: normalize(11), - letterSpacing: normalize(0.3), - textAlign: 'right', - }}> + <Text numberOfLines={1} style={styles.taggedListContainer}> {taggedList} {taggedList.length > 21 ? '. . .' : ''} </Text> @@ -255,9 +240,21 @@ const styles = StyleSheet.create({ fontWeight: '600', }, tagFriendsContainer: { - flexDirection: 'row', + marginHorizontal: '5%', marginTop: '3%', + flexDirection: 'row', + justifyContent: 'space-between', + alignItems: 'center', + }, + taggedListContainer: { + color: 'white', + width: 150, + fontSize: normalize(10), + lineHeight: normalize(11), + letterSpacing: normalize(0.3), + textAlign: 'right', }, + tagIcon: {width: 20, height: 20}, }); export default CaptionScreen; diff --git a/src/screens/profile/IndividualMoment.tsx b/src/screens/profile/IndividualMoment.tsx index 4baca5b2..515cbacf 100644 --- a/src/screens/profile/IndividualMoment.tsx +++ b/src/screens/profile/IndividualMoment.tsx @@ -1,17 +1,14 @@ -import AsyncStorage from '@react-native-community/async-storage'; import {BlurView} from '@react-native-community/blur'; import {RouteProp} from '@react-navigation/native'; import {StackNavigationProp} from '@react-navigation/stack'; import React from 'react'; -import {Alert, FlatList, StyleSheet, View} from 'react-native'; +import {FlatList, StyleSheet, View} from 'react-native'; import {useSelector} from 'react-redux'; import { IndividualMomentTitleBar, MomentPostContent, MomentPostHeader, } from '../../components'; -import {MOMENT_TAGS_ENDPOINT} from '../../constants'; -import {ERROR_SOMETHING_WENT_WRONG_REFRESH} from '../../constants/strings'; import {MainStackParams} from '../../routes'; import {RootState} from '../../store/rootreducer'; import {MomentType} from '../../types'; |