Show loading state on verify button (#21)

* Show loading state on verify button * Update
imorland · Dec 10, 2023 · 275458e · 275458e
1 parent 8ac4518
commit 275458e
Showing 1 changed file with 11 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',
@@ -170,6 +177,9 @@ export default class TwoFactorEnableModal extends Modal {
       .catch((error) => {
         //alert('Verification failed. Please try again.');
         //error.alert.content = 'Verification failed. Please try again.';
+      })
+      .finally(() => {
+        this.loading = false;
       });
   }