diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/assets/icons/back-arrow.svg | 1 | ||||
| -rw-r--r-- | src/screens/profile/MomentCommentsScreen.tsx | 21 |
2 files changed, 11 insertions, 11 deletions
diff --git a/src/assets/icons/back-arrow.svg b/src/assets/icons/back-arrow.svg new file mode 100644 index 00000000..aa203dea --- /dev/null +++ b/src/assets/icons/back-arrow.svg @@ -0,0 +1 @@ +<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 385.86 696.76"><defs><style>.cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:77.17px;}</style></defs><polyline class="cls-1" points="347.28 38.58 38.58 351.69 347.28 658.17"/></svg>
\ No newline at end of file diff --git a/src/screens/profile/MomentCommentsScreen.tsx b/src/screens/profile/MomentCommentsScreen.tsx index f9df6c88..b2611b62 100644 --- a/src/screens/profile/MomentCommentsScreen.tsx +++ b/src/screens/profile/MomentCommentsScreen.tsx @@ -3,9 +3,8 @@ import {RouteProp, useNavigation} from '@react-navigation/native'; import {ProfileStackParams} from '../../routes/main'; import {CommentTile, TabsGradient} from '../../components'; import {CommentType} from '../../types'; -import {StyleSheet, Text, View} from 'react-native'; +import {StyleSheet, Text, TouchableOpacity, View} from 'react-native'; import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils/screenDimensions'; -import {Button} from 'react-native-elements'; import {AddComment} from '../../components/'; import {useEffect} from 'react'; import AsyncStorage from '@react-native-community/async-storage'; @@ -14,6 +13,7 @@ import {useDispatch} from 'react-redux'; import {logout} from '../../store/actions'; import {SafeAreaView} from 'react-native-safe-area-context'; import Animated from 'react-native-reanimated'; +import BackIcon from '../../assets/icons/back-arrow.svg'; /** * Comments Screen for an image uploaded @@ -56,14 +56,13 @@ const MomentCommentsScreen: React.FC<MomentCommentsScreenProps> = ({route}) => { <View style={styles.background}> <SafeAreaView> <View style={styles.header}> - <Button - title="X" - buttonStyle={styles.headerButton} - titleStyle={styles.headerButtonText} + <TouchableOpacity + style={styles.headerButton} onPress={() => { navigation.pop(); - }} - /> + }}> + <BackIcon height={'100%'} width={'100%'} color={'white'} /> + </TouchableOpacity> <Text style={styles.headerText}> {commentsList.length + ' Comments'} </Text> @@ -105,10 +104,10 @@ const styles = StyleSheet.create({ fontWeight: '600', }, headerButton: { - backgroundColor: 'transparent', - width: 30, + width: '5%', aspectRatio: 1, padding: 0, + marginLeft: '5%', alignSelf: 'flex-start', }, headerButtonText: { @@ -119,7 +118,7 @@ const styles = StyleSheet.create({ body: { width: SCREEN_WIDTH, height: (4.9 / 6) * SCREEN_HEIGHT, - paddingTop: 5, + paddingTop: '3%', }, scrollView: { paddingHorizontal: 20, |
