Updated WhoToFollowPanel to be UserSuggestionsPanel and included related, verified

• Updated:
- WhoToFollowPanel to be UserSuggestionsPanel and included related, verified
- All pages, layouts to use new component

• Removed:
- VerifiedAccountsPanel

app/javascript/gabsocial/pages/basic_page.js

@@ -5,7 +5,7 @@ import DefaultLayout from '../layouts/default_layout'
 import {
   LinkFooter,
   TrendsPanel,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class BasicPage extends React.PureComponent {
@@ -25,7 +25,7 @@ class BasicPage extends React.PureComponent {
         page={page}
         layout={[
           TrendsPanel,
-          WhoToFollowPanel,
+          UserSuggestionsPanel,
           LinkFooter,
         ]}
       >

app/javascript/gabsocial/pages/community_page.js

@@ -11,7 +11,7 @@ import {
   GroupsPanel,
   ProgressPanel,
   TrendsPanel,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class CommunityPage extends React.PureComponent {
@@ -38,7 +38,7 @@ class CommunityPage extends React.PureComponent {
         layout={[
           ProgressPanel,
           TrendsPanel,
-          WhoToFollowPanel,
+          UserSuggestionsPanel,
           GroupsPanel,
           LinkFooter,
         ]}

app/javascript/gabsocial/pages/hashtag_page.js

@@ -11,7 +11,7 @@ import {
   LinkFooter,
   ProgressPanel,
   TrendsPanel,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class HashtagPage extends React.PureComponent {
@@ -49,7 +49,7 @@ class HashtagPage extends React.PureComponent {
         layout={[
           ProgressPanel,
           TrendsPanel,
-          WhoToFollowPanel,
+          UserSuggestionsPanel,
           LinkFooter,
         ]}
       >

app/javascript/gabsocial/pages/home_page.js

@@ -18,7 +18,7 @@ import {
   LinkFooter,
   ListsPanel,
   TrendsPanel,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
   ProPanel,
   ShopPanel,
   ProgressPanel,
@@ -90,7 +90,7 @@ class HomePage extends React.PureComponent {
           TrendsPanel,
           <WrappedBundle component={ShopPanel} componentParams={{ isLazy: true, shouldLoad: lazyLoaded }}  />,
           <WrappedBundle component={ListsPanel} componentParams={{ isLazy: true, shouldLoad: lazyLoaded }}  />,
-          <WrappedBundle component={WhoToFollowPanel} componentParams={{ isLazy: true, shouldLoad: lazyLoaded }}  />,
+          <WrappedBundle component={UserSuggestionsPanel} componentParams={{ isLazy: true, shouldLoad: lazyLoaded }}  />,
           <WrappedBundle component={GroupsPanel} componentParams={{ isLazy: true, shouldLoad: lazyLoaded, groupType: 'member' }}  />,
           LinkFooter,
         ]}

app/javascript/gabsocial/pages/list_page.js

@@ -15,7 +15,7 @@ import {
   ListDetailsPanel,
   LinkFooter,
   TrendsPanel,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class ListPage extends ImmutablePureComponent {
@@ -54,7 +54,7 @@ class ListPage extends ImmutablePureComponent {
         layout={[
           <WrappedBundle component={ListDetailsPanel} componentParams={{ list: list, onEdit: this.handleOnOpenListEditModal }} />,
           TrendsPanel,
-          WhoToFollowPanel,
+          UserSuggestionsPanel,
           LinkFooter,
         ]}
       >

app/javascript/gabsocial/pages/lists_page.js

@@ -9,7 +9,7 @@ import { MODAL_LIST_CREATE } from '../constants'
 import {
   LinkFooter,
   TrendsPanel,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class ListsPage extends React.PureComponent {
@@ -36,7 +36,7 @@ class ListsPage extends React.PureComponent {
         ]}
         layout={[
           TrendsPanel,
-          WhoToFollowPanel,
+          UserSuggestionsPanel,
           LinkFooter,
         ]}
       >

app/javascript/gabsocial/pages/modal_page.js

@@ -5,7 +5,7 @@ import Block from '../components/block'
 import DefaultLayout from '../layouts/default_layout'
 import {
   LinkFooter,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class ModalPage extends React.PureComponent {
@@ -23,7 +23,7 @@ class ModalPage extends React.PureComponent {
         page={page}
         showBackBtn
         layout={[
-          WhoToFollowPanel,
+          UserSuggestionsPanel,
           LinkFooter,
         ]}
       >

app/javascript/gabsocial/pages/news_page.js

@@ -2,12 +2,13 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import PageTitle from '../features/ui/util/page_title'
 import DefaultLayout from '../layouts/default_layout'
+import WrappedBundle from '../features/ui/util/wrapped_bundle'
 import {
   LinkFooter,
   ProgressPanel,
   ShopPanel,
   SignUpPanel,
-  VerifiedAccountsPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class NewsPage extends React.PureComponent {
@@ -21,10 +22,11 @@ class NewsPage extends React.PureComponent {
         title={title}
         noComposeButton
         showBackBtn
+        noRightSidebar
         layout={[
           SignUpPanel,
           ProgressPanel,
-          VerifiedAccountsPanel,
+          <WrappedBundle component={UserSuggestionsPanel} componentParams={{ suggestionType: 'verified' }} />,
           ShopPanel,
           LinkFooter,
         ]}

app/javascript/gabsocial/pages/notifications_page.js

@@ -11,7 +11,7 @@ import {
   LinkFooter,
   NotificationFilterPanel,
   TrendsPanel,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class NotificationsPage extends React.PureComponent {
@@ -57,7 +57,7 @@ class NotificationsPage extends React.PureComponent {
         layout={[
           NotificationFilterPanel,
           TrendsPanel,
-          WhoToFollowPanel,
+          UserSuggestionsPanel,
           LinkFooter,
         ]}
         tabs={tabs}

app/javascript/gabsocial/pages/pro_page.js

@@ -3,9 +3,10 @@ import PropTypes from 'prop-types'
 import { defineMessages, injectIntl } from 'react-intl'
 import PageTitle from '../features/ui/util/page_title'
 import DefaultLayout from '../layouts/default_layout'
+import WrappedBundle from '../features/ui/util/wrapped_bundle'
 import {
   LinkFooter,
-  VerifiedAccountsPanel,
+  UserSuggestionsPanel,
   ProgressPanel,
 } from '../features/ui/util/async_components'
 
@@ -22,7 +23,7 @@ class ProPage extends React.PureComponent {
         page='pro'
         layout={[
           ProgressPanel,
-          VerifiedAccountsPanel,
+          <WrappedBundle component={UserSuggestionsPanel} componentParams={{ suggestionType: 'verified' }} />,
           LinkFooter,
         ]}
       >

app/javascript/gabsocial/pages/shortcuts_page.js

@@ -9,7 +9,7 @@ import DefaultLayout from '../layouts/default_layout'
 import {
   LinkFooter,
   TrendsPanel,
-  WhoToFollowPanel,
+  UserSuggestionsPanel,
 } from '../features/ui/util/async_components'
 
 class ShortcutsPage extends React.PureComponent {
@@ -35,7 +35,7 @@ class ShortcutsPage extends React.PureComponent {
         ]}
         layout={[
           TrendsPanel,
-          WhoToFollowPanel,
+          UserSuggestionsPanel,
           LinkFooter,
         ]}
       >