follow requests: refactor to properly leverage vuex

1 files changed, 12 insertions, 7 deletions

diff --git a/src/components/follow_requests/follow_requests.js b/src/components/follow_requests/follow_requests.js
index 9fe4a57e..11a228aa 100644
--- a/src/components/follow_requests/follow_requests.js
+++ b/src/components/follow_requests/follow_requests.js
@@ -1,17 +1,22 @@
 import UserCard from '../user_card/user_card.vue'
 
 const FollowRequests = {
-  data () {
-    return {
-      requests: []
-    }
-  },
   components: {
     UserCard
   },
   created () {
-    this.$store.state.api.backendInteractor.fetchFollowRequests()
-      .then((requests) => { this.requests = requests })
+    this.updateRequests()
+  },
+  computed: {
+    requests () {
+      return this.$store.state.api.followRequests
+    }
+  },
+  methods: {
+    updateRequests () {
+      this.$store.state.api.backendInteractor.fetchFollowRequests()
+        .then((requests) => { this.$store.commit('setFollowRequests', requests) })
+    }
   }
 }