From 57159d867579100ec25f5d1dccf87acc8275615f Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Thu, 21 Jan 2021 14:34:11 -0800
Subject: back arrow + minor styling

---
 src/assets/icons/back-arrow.svg              |  1 +
 src/screens/profile/MomentCommentsScreen.tsx | 21 ++++++++++-----------
 2 files changed, 11 insertions(+), 11 deletions(-)
 create mode 100644 src/assets/icons/back-arrow.svg

(limited to 'src')

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,
-- 
cgit v1.2.3-70-g09d2