Merge pull request #361 from GetStream/vishal/suggestions-view-fix

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(),

src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -222,7 +222,7 @@ exports[`Thread should match thread snapshot 1`] = `
                       "id": "testID2",
                       "mutes": Array [],
                     },
-                    "userAgent": "stream-chat-react-native-ios-1.3.0-kcv.1",
+                    "userAgent": "stream-chat-react-native-ios-1.3.1",
                     "userID": "testID2",
                     "userToken": "dummy_token",
                     "wsBaseURL": "wss://chat-us-east-1.stream-io-api.com",
@@ -880,7 +880,7 @@ exports[`Thread should match thread snapshot 1`] = `
                     "id": "testID2",
                     "mutes": Array [],
                   },
-                  "userAgent": "stream-chat-react-native-ios-1.3.0-kcv.1",
+                  "userAgent": "stream-chat-react-native-ios-1.3.1",
                   "userID": "testID2",
                   "userToken": "dummy_token",
                   "wsBaseURL": "wss://chat-us-east-1.stream-io-api.com",