Dismiss suggestions view when keyboard is dismissed

Author: vishalnarkhede

src/components/SuggestionsProvider/SuggestionsProvider.js

@@ -1,5 +1,5 @@
-import React, { useRef, useState } from 'react';
-import { findNodeHandle, View } from 'react-native';
+import React, { useEffect, useRef, useState } from 'react';
+import { findNodeHandle, Keyboard, View } from 'react-native';
 
 import SuggestionsList from './SuggestionsList';
 
@@ -22,6 +22,24 @@ const SuggestionsProvider = ({ children }) => {
   const messageInputBox = useRef();
   const rootView = useRef();
 
+  // For the time being, we will just dismiss the suggestions view when keyboard is dismissed.
+  // TODO: Ideally SuggestionsView should update the position as per keyboard status (open/closed).
+  // Lets handle it after [email protected] is published
+  useEffect(() => {
+    const onKeyboardHidden = () => {
+      setSuggestionsViewActive(false);
+    };
+
+    const subscription = Keyboard.addListener(
+      'keyboardDidHide',
+      onKeyboardHidden,
+    );
+
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+
   const openSuggestions = async (title, component) => {
     const [chatBoxPosition, inputBoxPosition] = await Promise.all([
       getChatBoxPosition(),