dashboard: Replace async loadMore() action with ember-concurrency task

Author: Turbo87

app/controllers/dashboard.js

@@ -3,6 +3,8 @@ import Controller from '@ember/controller';
 import { computed } from '@ember/object';
 import { alias } from '@ember/object/computed';
 
+import { task } from 'ember-concurrency';
+
 import ajax from '../utils/ajax';
 
 const TO_SHOW = 5;
@@ -36,20 +38,18 @@ export default Controller.extend({
     return this.get('myFollowing.length') > TO_SHOW;
   }),
 
-  actions: {
-    async loadMore() {
-      this.set('loadingMore', true);
-      let page = this.myFeed.length / 10 + 1;
-
-      try {
-        let data = await ajax(`/api/v1/me/updates?page=${page}`);
-        let versions = data.versions.map(version => this.store.push(this.store.normalize('version', version)));
-
-        this.myFeed.pushObjects(versions);
-        this.set('hasMore', data.meta.more);
-      } finally {
-        this.set('loadingMore', false);
-      }
-    },
-  },
+  loadMoreTask: task(function* () {
+    this.set('loadingMore', true);
+    let page = this.myFeed.length / 10 + 1;
+
+    try {
+      let data = yield ajax(`/api/v1/me/updates?page=${page}`);
+      let versions = data.versions.map(version => this.store.push(this.store.normalize('version', version)));
+
+      this.myFeed.pushObjects(versions);
+      this.set('hasMore', data.meta.more);
+    } finally {
+      this.set('loadingMore', false);
+    }
+  }),
 });

app/routes/dashboard.js

@@ -10,7 +10,7 @@ export default Route.extend(AuthenticatedRoute, {
 
     if (!controller.loadingMore) {
       controller.set('myFeed', A());
-      controller.send('loadMore');
+      controller.loadMoreTask.perform();
     }
   },
 

app/templates/dashboard.hbs

@@ -66,7 +66,7 @@
         </span>
       {{else}}
         {{#if this.hasMore}}
-          <button type="button" local-class='load-more' {{ action 'loadMore' }}>
+          <button type="button" local-class='load-more' {{on "click" (perform this.loadMoreTask)}}>
             Load More
           </button>
         {{/if}}