From f358f37cfe84a50ab396f9b061d98ea821005a3f Mon Sep 17 00:00:00 2001
From: SmitGala <smitmanojgala@gmail.com>
Date: Wed, 8 Jan 2025 14:56:20 +0530
Subject: [PATCH] Bux Fix: Personal Token Submit Refreshes Page

---
 .../developer-settings/personal-token-list/index.hbs  | 11 ++++++-----
 .../developer-settings/personal-token-list/index.ts   |  4 +++-
 2 files changed, 9 insertions(+), 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
index 620491986..cdda9d836 100644
--- 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
index 01ac49667..b961f1e2b 100644
--- 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');