From 52ff7abbc60fc1eef1f8d67372de855ab09069a9 Mon Sep 17 00:00:00 2001
From: Brian Kim <brian@tagg.id>
Date: Sat, 12 Jun 2021 03:37:38 +0900
Subject: Add grey background

---
 src/components/comments/AddComment.tsx             |  2 ++
 src/components/comments/MentionInputControlled.tsx | 10 ++++++++++
 2 files changed, 12 insertions(+)

(limited to 'src/components/comments')

diff --git a/src/components/comments/AddComment.tsx b/src/components/comments/AddComment.tsx
index c48ce627..c17fdd93 100644
--- a/src/components/comments/AddComment.tsx
+++ b/src/components/comments/AddComment.tsx
@@ -137,6 +137,8 @@ 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 c52f3286..a3229bb0 100644
--- a/src/components/comments/MentionInputControlled.tsx
+++ b/src/components/comments/MentionInputControlled.tsx
@@ -27,6 +27,7 @@ import {Avatar} from '../common';
 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> = ({
   value,
@@ -246,6 +247,15 @@ 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};
-- 
cgit v1.2.3-70-g09d2