Check if recommendations has any elements rendering `InterestingPeopl…

…e` component
busyorg · Oct 27, 2017 · 9dc5f50 · 9dc5f50
1 parent ba915b4
commit 9dc5f50
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/app/Sidebar/RightSidebar.js b/src/app/Sidebar/RightSidebar.js
@@ -74,11 +74,12 @@ export default class RightSidebar extends React.Component {
             render={() => (
               <div>
                 {authenticatedUser.last_root_post === '1970-01-01T00:00:00' && <StartNow />}
-                {authenticated &&
-                  <InterestingPeople
+                {authenticated && this.props.recommendations.length > 0
+                  ? <InterestingPeople
                     users={this.props.recommendations}
                     onRefresh={this.handleInterestingPeopleRefresh}
-                  />}
+                  />
+                  : <div />}
               </div>
             )}
           />

diff --git a/src/components/Sidebar/InterestingPeopleWithAPI.js b/src/components/Sidebar/InterestingPeopleWithAPI.js
@@ -56,8 +56,8 @@ class InterestingPeopleWithAPI extends Component {
       const followers = this.props.followingList;
       const users = _.sortBy(result, user => user[1])
         .reverse()
-        .slice(0, 5)
         .filter(user => !followers.includes(user[0]))
+        .slice(0, 5)
         .map(user => ({ name: user[0] }));
       if (users.length > 0) {
         this.setState({