Add empty state message for follow recommendations in web UI (#16161)

2021-05-05 23:57:29 +02:00
parent 6d9ad30bf8
commit 8d75bd002d
2 changed files with 23 additions and 3 deletions
--- a/app/javascript/mastodon/features/follow_recommendations/index.js
+++ b/app/javascript/mastodon/features/follow_recommendations/index.js
@ -75,10 +75,14 @@ class FollowRecommendations extends ImmutablePureComponent {

          {!isLoading && (
            <React.Fragment>
-              <div>
-                {suggestions.map(suggestion => (
+              <div className='column-list'>
+                {suggestions.size > 0 ? suggestions.map(suggestion => (
                  <Account key={suggestion.get('account')} id={suggestion.get('account')} />
-                ))}
+                )) : (
+                  <div className='column-list__empty-message'>
+                    <FormattedMessage id='empty_column.follow_recommendations' defaultMessage='Looks like no suggestions could be generated for you. You can try using search to look for people you might know or explore trending hashtags.' />
+                  </div>
+                )}
              </div>

              <div className='column-actions'>