diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js index eaeb527ab6..fddc7c7d50 100644 --- a/src/components/who_to_follow_panel/who_to_follow_panel.js +++ b/src/components/who_to_follow_panel/who_to_follow_panel.js @@ -1,10 +1,12 @@ import apiService from '../../services/api/api.service.js' import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator' +import _ from 'lodash' function showWhoToFollow (panel, reply) { + _.shuffle(reply) + panel.usersToFollow.forEach((toFollow, index) => { - let randIndex = Math.floor(Math.random() * reply.length) - let user = reply[randIndex] + let user = reply[index] let img = user.avatar || '/images/avi.png' let name = user.acct diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.vue b/src/components/who_to_follow_panel/who_to_follow_panel.vue index ad6a028eab..272c41d370 100644 --- a/src/components/who_to_follow_panel/who_to_follow_panel.vue +++ b/src/components/who_to_follow_panel/who_to_follow_panel.vue @@ -7,15 +7,13 @@
-

- - - - {{user.name}} -
-
- {{$t('who_to_follow.more')}} -

+ + + + {{user.name}} +
+
+ {{$t('who_to_follow.more')}}
@@ -31,7 +29,9 @@ width: 32px; height: 32px; } - .who-to-follow p { + .who-to-follow { + padding: 0.5em 1em 0.5em 1em; + margin: 0px; line-height: 40px; white-space: nowrap; overflow: hidden;