Correct positioning

2 files changed, 28 insertions, 16 deletions

diff --git a/src/components/comments/AddComment.tsx b/src/components/comments/AddComment.tsx
index c17fdd93..c48ce627 100644
--- a/src/components/comments/AddComment.tsx
+++ b/src/components/comments/AddComment.tsx
@@ -137,8 +137,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     width: SCREEN_WIDTH,
-    // paddingTop: 10,
-    // marginTop: 10,
   },
   textContainer: {
     width: '95%',
diff --git a/src/components/comments/MentionInputControlled.tsx b/src/components/comments/MentionInputControlled.tsx
index a3229bb0..c37d2182 100644
--- a/src/components/comments/MentionInputControlled.tsx
+++ b/src/components/comments/MentionInputControlled.tsx
@@ -1,17 +1,27 @@
-import React, {FC, MutableRefObject, useMemo, useRef, useState} from 'react';
+import React, {
+  FC,
+  MutableRefObject,
+  Ref,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import {
   NativeSyntheticEvent,
   StyleSheet,
+  StyleProp,
   Text,
   TextInput,
+  TextInputProps,
   TextInputSelectionChangeEventData,
   TouchableOpacity,
   View,
+  ViewStyle,
 } from 'react-native';
 import {useDispatch, useSelector} from 'react-redux';
 import {TAGG_LIGHT_BLUE} from '../../constants';
 import {
-  MentionInputProps,
+  PatternPartType,
   MentionPartType,
   Suggestion,
 } from 'react-native-controlled-mentions/dist/types';
@@ -29,7 +39,22 @@ import {normalize} from 'react-native-elements';
 import UpArrowIcon from '../../assets/icons/up_arrow.svg';
 import {SCREEN_WIDTH, SCREEN_HEIGHT} from '../../utils';
 
-const MentionInputControlled: FC<MentionInputProps> = ({
+type PartType = MentionPartType | PatternPartType;
+
+type MentionInputControlledProps = Omit<TextInputProps, 'onChange'> & {
+  value: string;
+  onChange: (value: string) => any;
+
+  partTypes?: PartType[];
+
+  inputRef?: Ref<TextInput>;
+
+  containerStyle?: StyleProp<ViewStyle>;
+
+  addComment?: () => any;
+};
+
+const MentionInputControlled: FC<MentionInputControlledProps> = ({
   value,
   onChange,
 
@@ -225,14 +250,12 @@ const styles = StyleSheet.create({
     marginRight: 10,
     marginLeft: '3%',
     marginVertical: '2%',
-    // alignSelf: 'flex-end',
   },
   containerStyle: {
     flexDirection: 'row',
     alignSelf: 'center',
     alignItems: 'center',
     justifyContent: 'center',
-    // borderWidth: 1,
     height: normalize(40),
   },
   submitButton: {
@@ -247,15 +270,6 @@ const styles = StyleSheet.create({
     alignSelf: 'flex-end',
   },
   text: {flex: 1},
-  overlay: {
-    width: SCREEN_WIDTH,
-    height: SCREEN_HEIGHT,
-    backgroundColor: 'blue',
-    position: 'absolute',
-    left: 0,
-    bottom: 0,
-    zIndex: -1,
-  },
 });
 
 export {MentionInputControlled};