From a9e9f1f03a85c72deb38c83b0a5f816b14eb9e87 Mon Sep 17 00:00:00 2001
From: akastijn <akastijn@alttd.com>
Date: Mon, 24 Nov 2025 01:55:13 +0100
Subject: [PATCH] Add loading state guards to `checkPunishment` and `onSubmit`
 buttons to prevent duplicate actions and update visibility of related
 variables.

---
 .../pages/forms/discord-appeal/discord-appeal.component.html | 5 +++--
 .../pages/forms/discord-appeal/discord-appeal.component.ts   | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/pages/forms/discord-appeal/discord-appeal.component.html b/frontend/src/app/pages/forms/discord-appeal/discord-appeal.component.html
index 09bda30..2e50050 100644
--- a/frontend/src/app/pages/forms/discord-appeal/discord-appeal.component.html
+++ b/frontend/src/app/pages/forms/discord-appeal/discord-appeal.component.html
@@ -52,7 +52,8 @@
                   <input matInput placeholder="Discord ID" [(ngModel)]="discordId"
                          minlength="17" maxlength="18" pattern="^[0-9]+$">
                 </mat-form-field>
-                <button mat-raised-button (click)="checkPunishment()" [disabled]="authService.username() == null">
+                <button mat-raised-button (click)="checkPunishment()"
+                        [disabled]="punishmentLoading || authService.username() == null">
                   Check punishments
                 </button>
               </section>
@@ -148,7 +149,7 @@
                         }
                       </mat-form-field>
                     </div>
-                    <button mat-raised-button (click)="onSubmit()" [disabled]="form.invalid">
+                    <button mat-raised-button (click)="onSubmit()" [disabled]="formSubmitting || form.invalid">
                       Submit Appeal
                     </button>
                   </section>
diff --git a/frontend/src/app/pages/forms/discord-appeal/discord-appeal.component.ts b/frontend/src/app/pages/forms/discord-appeal/discord-appeal.component.ts
index d85676a..f066eb2 100644
--- a/frontend/src/app/pages/forms/discord-appeal/discord-appeal.component.ts
+++ b/frontend/src/app/pages/forms/discord-appeal/discord-appeal.component.ts
@@ -132,7 +132,7 @@ export class DiscordAppealComponent implements OnInit {
     return this.currentPageIndex === this.totalPages.length - 1;
   }
 
-  private punishmentLoading: boolean = false;
+  protected punishmentLoading: boolean = false;
 
   protected checkPunishment() {
     if (this.punishmentLoading) {
@@ -180,7 +180,7 @@ export class DiscordAppealComponent implements OnInit {
     }
   }
 
-  private formSubmitting: boolean = false;
+  protected formSubmitting: boolean = false;
 
   private sendForm() {
     if (this.formSubmitting) {