From 25be50b286034edad75a47ce676401e67746469f Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Mon, 10 May 2021 19:38:03 -0400
Subject: added default friends suggestions

---
 src/components/common/TaggTypeahead.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

(limited to 'src')

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}
         />
-- 
cgit v1.2.3-70-g09d2