added default friends suggestions

1 files changed, 12 insertions, 7 deletions

diff --git a/src/components/common/TaggTypeahead.tsx b/src/components/common/TaggTypeahead.tsx
index fcf196bd..747e0bb5 100644
--- a/src/components/common/TaggTypeahead.tsx
+++ b/src/components/common/TaggTypeahead.tsx
@@ -1,26 +1,32 @@
 import React, {Fragment, useEffect, useState} from 'react';
 import {ScrollView, StyleSheet} from 'react-native';
 import {MentionSuggestionsProps} from 'react-native-controlled-mentions';
+import {useSelector} from 'react-redux';
 import {SEARCH_ENDPOINT_MESSAGES} from '../../constants';
 import {loadSearchResults} from '../../services';
+import {RootState} from '../../store/rootReducer';
 import {ProfilePreviewType} from '../../types';
-import {SCREEN_WIDTH} from '../../utils';
+import {SCREEN_WIDTH, shuffle} from '../../utils';
 import TaggUserRowCell from './TaggUserRowCell';
 
 const TaggTypeahead: React.FC<MentionSuggestionsProps> = ({
   keyword,
   onSuggestionPress,
 }) => {
+  const {friends} = useSelector((state: RootState) => state.friends);
   const [results, setResults] = useState<ProfilePreviewType[]>([]);
   const [height, setHeight] = useState(0);
 
   useEffect(() => {
-    getQuerySuggested();
+    if (keyword === '') {
+      setResults(shuffle(friends));
+    } else {
+      getQuerySuggested();
+    }
   }, [keyword]);
 
   const getQuerySuggested = async () => {
-    if (!keyword) {
-      setResults([]);
+    if (keyword === undefined || keyword === '@') {
       return;
     }
     const searchResults = await loadSearchResults(
@@ -42,16 +48,15 @@ const TaggTypeahead: React.FC<MentionSuggestionsProps> = ({
       onLayout={(event) => {
         setHeight(event.nativeEvent.layout.height);
       }}
-      keyboardShouldPersistTaps={'always'}
-      >
+      keyboardShouldPersistTaps={'always'}>
       {results.map((user) => (
         <TaggUserRowCell
           onPress={() => {
+            setResults([]);
             onSuggestionPress({
               id: user.id,
               name: user.username,
             });
-            setResults([]);
           }}
           user={user}
         />