Show loading state on verify button

imorland · Dec 2, 2023 · ebdf133 · ebdf133
1 parent 8ac4518
commit ebdf133
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/js/src/forum/components/TwoFactorEnableModal.js b/js/src/forum/components/TwoFactorEnableModal.js
@@ -16,6 +16,7 @@ export default class TwoFactorEnableModal extends Modal {
     this.token = Stream('');
     this.code = null;
     this.activeTab = 'qrcode';
+    this.loading = false;
   }
 
   className() {
@@ -108,7 +109,11 @@ export default class TwoFactorEnableModal extends Modal {
                   />
                 </div>
                 <div className="Form-group">
-                  <Button type="submit" className="Button Button--primary" onclick={this.verifyToken.bind(this)}>
+                  <Button
+                    type="submit"
+                    className="Button Button--primary" onclick={this.verifyToken.bind(this)}
+                    loading={this.loading}
+                  >
                     {app.translator.trans('ianm-twofactor.forum.security.verify_button')}
                   </Button>
                 </div>
@@ -153,6 +158,8 @@ export default class TwoFactorEnableModal extends Modal {
   }
 
   verifyToken() {
+    this.loading = true;
+
     app
       .request({
         method: 'POST',
@@ -165,6 +172,7 @@ export default class TwoFactorEnableModal extends Modal {
         this.backupCodes = response.backupCodes;
         this.status = 'displayBackupCodes';
         this.user.twoFactorEnabled(true);
+        this.loading = false;
         m.redraw();
       })
       .catch((error) => {