From 05ead45fb72a3971b93ee544bba277aa167d69c5 Mon Sep 17 00:00:00 2001
From: Hakaba Hitoyo <hakabahitoyo@yahoo.co.jp>
Date: Wed, 16 Jan 2019 02:33:08 +0000
Subject: Show who to follow in the mobile view

---
 src/components/who_to_follow/who_to_follow.js | 48 +++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/components/who_to_follow/who_to_follow.js

(limited to 'src/components/who_to_follow/who_to_follow.js')

diff --git a/src/components/who_to_follow/who_to_follow.js b/src/components/who_to_follow/who_to_follow.js
new file mode 100644
index 00000000..82098fc2
--- /dev/null
+++ b/src/components/who_to_follow/who_to_follow.js
@@ -0,0 +1,48 @@
+import apiService from '../../services/api/api.service.js'
+import UserCard from '../user_card/user_card.vue'
+
+const WhoToFollow = {
+  components: {
+    UserCard
+  },
+  data () {
+    return {
+      users: []
+    }
+  },
+  mounted () {
+    this.getWhoToFollow()
+  },
+  methods: {
+    showWhoToFollow (reply) {
+      reply.forEach((i, index) => {
+        const user = {
+          id: 0,
+          name: i.display_name,
+          screen_name: i.acct,
+          profile_image_url: i.avatar || '/images/avi.png'
+        }
+        this.users.push(user)
+
+        this.$store.state.api.backendInteractor.externalProfile(user.screen_name)
+          .then((externalUser) => {
+            if (!externalUser.error) {
+              this.$store.commit('addNewUsers', [externalUser])
+              user.id = externalUser.id
+            }
+          })
+      })
+    },
+    getWhoToFollow () {
+      const credentials = this.$store.state.users.currentUser.credentials
+      if (credentials) {
+        apiService.suggestions({credentials: credentials})
+          .then((reply) => {
+            this.showWhoToFollow(reply)
+          })
+      }
+    }
+  }
+}
+
+export default WhoToFollow
-- 
cgit v1.2.3-70-g09d2