Data import, user panel, who to follow: Reduxify.

src/components/settings_modal/tabs/data_import_export_tab.js

@@ -51,12 +51,12 @@ const DataImportExportTab = {
       // Get addresses
       return users.map((user) => {
         // check is it's a local user
-        if (user && user.is_local) {
+        if (user && user.redux.is_local) {
           // append the instance address
           // eslint-disable-next-line no-undef
-          return user.screen_name + '@' + location.hostname
+          return user.redux.acct + '@' + location.hostname
         }
-        return user.screen_name
+        return user.redux.acct
       }).join('\n')
     }
   }

src/components/user_panel/user_panel.js

@@ -5,7 +5,7 @@ import { mapState } from 'vuex'
 
 const UserPanel = {
   computed: {
-    signedIn () { return this.user },
+    signedIn () { return this.redux.user },
     ...mapState({ user: state => state.users.currentUser })
   },
   components: {

src/components/who_to_follow/who_to_follow.vue

@@ -6,7 +6,7 @@
     <div class="panel-body">
       <FollowCard
         v-for="user in users"
-        :key="user.id"
+        :key="user.redux.id"
         :user="user"
         class="list-item"
       />

src/components/who_to_follow_panel/who_to_follow_panel.vue

@@ -9,12 +9,12 @@
       <div class="who-to-follow">
         <p
           v-for="user in usersToFollow"
-          :key="user.id"
+          :key="user.redux.id"
           class="who-to-follow-items"
         >
-          <img :src="user.img">
-          <router-link :to="userProfileLink(user.id, user.name)">
-            {{ user.name }}
+          <img :src="user.redux.avatar">
+          <router-link :to="userProfileLink(user.redux.id, user.redux.display_name)">
+            {{ user.redux.display_name }}
           </router-link><br>
         </p>
         <p class="who-to-follow-more">