From 98b11aebbc99ade873b7c8681ac38d6e0e72332c Mon Sep 17 00:00:00 2001
From: Brian Kim <brian@tagg.id>
Date: Sat, 12 Jun 2021 02:01:57 +0900
Subject: Alter location of suggested

---
 src/components/comments/AddComment.tsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

(limited to 'src/components/comments/AddComment.tsx')

diff --git a/src/components/comments/AddComment.tsx b/src/components/comments/AddComment.tsx
index b229d010..c48ce627 100644
--- a/src/components/comments/AddComment.tsx
+++ b/src/components/comments/AddComment.tsx
@@ -20,6 +20,7 @@ import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 import {mentionPartTypes} from '../../utils/comments';
 import {Avatar} from '../common';
 import {MentionInputControlled} from './MentionInputControlled';
+import {normalize} from 'react-native-elements';
 
 export interface AddCommentProps {
   momentId: string;
@@ -110,7 +111,6 @@ const AddComment: React.FC<AddCommentProps> = ({momentId, placeholderText}) => {
           keyboardVisible ? styles.whiteBackround : {},
         ]}>
         <View style={styles.textContainer}>
-          <Avatar style={styles.avatar} uri={avatar} />
           <MentionInputControlled
             containerStyle={styles.text}
             placeholder={placeholderText}
@@ -123,12 +123,8 @@ const AddComment: React.FC<AddCommentProps> = ({momentId, placeholderText}) => {
             }}
             inputRef={ref}
             partTypes={mentionPartTypes('blue')}
+            addComment={addComment}
           />
-          <View style={styles.submitButton}>
-            <TouchableOpacity style={styles.submitButton} onPress={addComment}>
-              <UpArrowIcon width={35} height={35} color={'white'} />
-            </TouchableOpacity>
-          </View>
         </View>
       </View>
     </KeyboardAvoidingView>
@@ -139,22 +135,29 @@ const styles = StyleSheet.create({
   container: {
     backgroundColor: '#f7f7f7',
     alignItems: 'center',
+    justifyContent: 'center',
     width: SCREEN_WIDTH,
   },
   textContainer: {
     width: '95%',
-    flexDirection: 'row',
+    // flexDirection: 'row',
     backgroundColor: '#e8e8e8',
     alignItems: 'center',
+    // alignSelf: 'center',
     justifyContent: 'space-between',
+    // justifyContent: 'center',
     margin: '3%',
     borderRadius: 25,
+    // borderWidth: 1,
+    // flex: 1,
+    height: normalize(45),
   },
   text: {
     flex: 1,
     padding: '1%',
-    marginHorizontal: '1%',
+    // marginHorizontal: '1%',
     maxHeight: 100,
+    // borderWidth: 1,
   },
   avatar: {
     height: 35,
-- 
cgit v1.2.3-70-g09d2