From 049c4b606a8bb143cfd4bc70f88da2a24866f351 Mon Sep 17 00:00:00 2001
From: Isaac Janzen <50783505+janzenisaac@users.noreply.github.com>
Date: Mon, 10 Jul 2023 13:37:14 -0500
Subject: [PATCH] FIX: Update remaining backup code count after creation
 (#22475)

---
 .../app/components/modal/second-factor-backup-edit.js       | 1 +
 .../discourse/app/controllers/preferences/second-factor.js  | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/app/assets/javascripts/discourse/app/components/modal/second-factor-backup-edit.js b/app/assets/javascripts/discourse/app/components/modal/second-factor-backup-edit.js
index dcfbb09fa26..203d293e4c8 100644
--- a/app/assets/javascripts/discourse/app/components/modal/second-factor-backup-edit.js
+++ b/app/assets/javascripts/discourse/app/components/modal/second-factor-backup-edit.js
@@ -47,6 +47,7 @@ export default class SecondFactorBackupEdit extends Component {
         this.args.model.setBackupEnabled(true);
         this.backupEnabled = true;
         this.remainingCodes = response.backup_codes.length;
+        this.args.model.setCodesRemaining(this.remainingCodes);
       })
       .catch((error) => {
         this.args.closeModal();
diff --git a/app/assets/javascripts/discourse/app/controllers/preferences/second-factor.js b/app/assets/javascripts/discourse/app/controllers/preferences/second-factor.js
index 6f62530195c..5e0d1d5b58d 100644
--- a/app/assets/javascripts/discourse/app/controllers/preferences/second-factor.js
+++ b/app/assets/javascripts/discourse/app/controllers/preferences/second-factor.js
@@ -68,6 +68,11 @@ export default Controller.extend(CanCheckEmails, {
     this.set("backupEnabled", value);
   },
 
+  @action
+  setCodesRemaining(value) {
+    this.model.set("second_factor_remaining_backup_codes", value);
+  },
+
   @action
   loadSecondFactors() {
     if (this.dirty === false) {
@@ -322,6 +327,7 @@ export default Controller.extend(CanCheckEmails, {
           markDirty: () => this.markDirty(),
           onError: (e) => this.handleError(e),
           setBackupEnabled: (e) => this.setBackupEnabled(e),
+          setCodesRemaining: (e) => this.setCodesRemaining(e),
         },
       });
     },