src/onboarding/OnboardingScreen.js

@@ -30,6 +30,7 @@ import WelcomeStep from './steps/WelcomeStep';
 import { CommonStyle as CS } from '../styles/Common';
 import navigationService from '../navigation/NavigationService';
 import i18nService from '../common/services/i18n.service';
+import CenteredLoading from '../common/components/CenteredLoading';
 
 @observer
 @inject('onboarding', 'hashtag')
@@ -59,6 +60,9 @@ export default class OnboardingScreen extends Component {
 
   render() {
     const steps = [];
+    if (!this.props.onboarding.progress) {
+      return <CenteredLoading/>
+    }
     const completed_items = this.props.onboarding.progress.completed_items;
 
     // if (!completed_items.some(r => r == 'creator_frequency')) {

src/onboarding/OnboardingService.js

@@ -33,7 +33,7 @@ class OnboardingService {
    * Get suggested users
    */
   getSuggestedUsers() {
-    return api.get('api/v2/suggestions', {limit: 12});
+    return api.get('api/v2/suggestions/user', {limit: 12});
   }
 }
 

src/onboarding/OnboardingStore.js

@@ -25,8 +25,14 @@ class OnboardingStore {
   }
 
   async getSuggestedUsers() {
-    const users = await onboardingService.getSuggestedUsers();
-    if (users.suggestions) this.suggestedUsers.list.setList({entities: users.suggestions.map(r => UserModel.create(r.entity))});
+    try {
+      const users = await onboardingService.getSuggestedUsers();
+      if (users.suggestions) {
+        this.suggestedUsers.list.setList({entities: users.suggestions.map(r => UserModel.create(r.entity))});
+      }
+    } catch (err) {
+      console.log(err);
+    }
   }
 
   /**

src/onboarding/steps/SuggestedChannelsStep.js

@@ -17,15 +17,14 @@ import i18n from '../../common/services/i18n.service';
 @observer
 export default class SuggestedChannelsStep extends Component {
 
-  componentWillMount() {
+  componentDidMount() {
     this.props.onboarding.suggestedUsers.list.clearList();
     this.props.onboarding.getSuggestedUsers();
   }
 
   renderUser = (user) => {
     return <DiscoveryUser
-      store={this.props.onboarding.suggestedUsers}
-      entity={{item: user}}
+      row={{item: user}}
       key={user.guid}
     />
   }