settings/api-tokens: Convert "New Token" buttons to semantic links

Author: Turbo87

app/components/settings/api-tokens.hbs

@@ -1,14 +1,13 @@
 <div local-class="me-subheading">
   <h2>API Tokens</h2>
   <div local-class="right">
-    <button
-      type="button"
+    <LinkTo
+      @route="settings.tokens.new"
       local-class="new-token-button"
       data-test-new-token-button
-      {{on "click" this.startNewToken}}
     >
       New Token
-    </button>
+    </LinkTo>
   </div>
 </div>
 
@@ -134,13 +133,12 @@
       You have not generated any API tokens yet.
     </div>
 
-    <button
-      type="button"
+    <LinkTo
+      @route="settings.tokens.new"
       local-class="empty-state-button"
       data-test-empty-state-button
-      {{on "click" this.startNewToken}}
     >
       New Token
-    </button>
+    </LinkTo>
   </div>
 {{/if}}

tests/routes/settings/tokens/new-test.js

@@ -36,7 +36,7 @@ module('/settings/tokens/new', function (hooks) {
     await click('[data-test-settings-menu] [data-test-tokens] a');
     assert.strictEqual(currentURL(), '/settings/tokens');
 
-    await click('[data-test-new-token-button]', { altKey: true });
+    await click('[data-test-new-token-button]');
     assert.strictEqual(currentURL(), '/settings/tokens/new');
   });