Bux Fix: Personal Token Submit Refreshes Page

appknox · Jan 8, 2025 · f358f37 · f358f37
1 parent 598e261
commit f358f37
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/app/components/account-settings/developer-settings/personal-token-list/index.hbs b/app/components/account-settings/developer-settings/personal-token-list/index.hbs
@@ -9,7 +9,11 @@
     </AkTypography>
   </AkStack>
 
-  <form {{style width='100%' maxWidth='650px'}} class='my-3'>
+  <form
+    {{on 'submit' (perform this.generateToken)}}
+    {{style width='100%' maxWidth='650px'}}
+    class='my-3'
+  >
     <AkStack @width='full' @alignItems='center' @spacing='1.5'>
       <div {{style flex='1'}}>
         <AkTextField
@@ -19,10 +23,7 @@
         />
       </div>
 
-      <AkButton
-        @loading={{this.generateToken.isRunning}}
-        {{on 'click' (perform this.generateToken)}}
-      >
+      <AkButton @loading={{this.generateToken.isRunning}} @type='submit'>
         <:leftIcon>
           <AkIcon @iconName='add' />
         </:leftIcon>

diff --git a/app/components/account-settings/developer-settings/personal-token-list/index.ts b/app/components/account-settings/developer-settings/personal-token-list/index.ts
@@ -65,7 +65,9 @@ export default class AccountSettingsDeveloperSettingsPersonaltokenListComponent
     ];
   }
 
-  generateToken = task(async () => {
+  generateToken = task(async (event) => {
+    event.preventDefault();
+
     const tTokenCreated = this.intl.t('personalTokenGenerated');
     const tEnterTokenName = this.intl.t('enterTokenName');