ApiTokenRow: Convert async action to task

Author: Turbo87

app/components/api-token-row.hbs

@@ -7,7 +7,7 @@
         @disabled={{this.api_token.isSaving}}
         @value={{this.api_token.name}}
         @autofocus="autofocus"
-        @enter={{action "saveToken"}}
+        @enter={{action (perform this.saveTokenTask)}}
         data-test-focused-input
       />
     {{else}}
@@ -38,7 +38,7 @@
         disabled={{this.disableCreate}}
         title={{if this.emptyName "You must specify a name" ""}}
         data-test-save-token-button
-        {{action "saveToken"}}
+        {{action (perform this.saveTokenTask)}}
       >
         Create
       </button>
@@ -48,7 +48,7 @@
         local-class="revoke-button"
         disabled={{this.api_token.isSaving}}
         data-test-revoke-token-button
-        {{action "revokeToken"}}
+        {{action (perform this.revokeTokenTask)}}
       >
         Revoke
       </button>

app/components/api-token-row.js

@@ -1,6 +1,8 @@
 import Component from '@ember/component';
 import { empty, or } from '@ember/object/computed';
 
+import { task } from 'ember-concurrency';
+
 export default Component.extend({
   emptyName: empty('api_token.name'),
   disableCreate: or('api_token.isSaving', 'emptyName'),
@@ -13,34 +15,32 @@ export default Component.extend({
     }
   },
 
-  actions: {
-    async saveToken() {
-      try {
-        await this.api_token.save();
-        this.set('serverError', null);
-      } catch (err) {
-        let msg;
-        if (err.errors && err.errors[0] && err.errors[0].detail) {
-          msg = `An error occurred while saving this token, ${err.errors[0].detail}`;
-        } else {
-          msg = 'An unknown error occurred while saving this token';
-        }
-        this.set('serverError', msg);
+  saveTokenTask: task(function* () {
+    try {
+      yield this.api_token.save();
+      this.set('serverError', null);
+    } catch (err) {
+      let msg;
+      if (err.errors && err.errors[0] && err.errors[0].detail) {
+        msg = `An error occurred while saving this token, ${err.errors[0].detail}`;
+      } else {
+        msg = 'An unknown error occurred while saving this token';
       }
-    },
+      this.set('serverError', msg);
+    }
+  }),
 
-    async revokeToken() {
-      try {
-        await this.api_token.destroyRecord();
-      } catch (err) {
-        let msg;
-        if (err.errors && err.errors[0] && err.errors[0].detail) {
-          msg = `An error occurred while revoking this token, ${err.errors[0].detail}`;
-        } else {
-          msg = 'An unknown error occurred while revoking this token';
-        }
-        this.set('serverError', msg);
+  revokeTokenTask: task(function* () {
+    try {
+      yield this.api_token.destroyRecord();
+    } catch (err) {
+      let msg;
+      if (err.errors && err.errors[0] && err.errors[0].detail) {
+        msg = `An error occurred while revoking this token, ${err.errors[0].detail}`;
+      } else {
+        msg = 'An unknown error occurred while revoking this token';
       }
-    },
-  },
+      this.set('serverError', msg);
+    }
+  }),
 });