Alter location of suggested

1 files changed, 11 insertions, 8 deletions

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,