From 3fddf47d8d12e28d4e11b05a4c8f42d8deebf1d7 Mon Sep 17 00:00:00 2001
From: Haowei <94470439+NeoHW@users.noreply.github.com>
Date: Tue, 6 Aug 2024 14:43:29 +0800
Subject: [PATCH] Create cancel button for instructor request form (#13156)

Co-authored-by: domoberzin <74132255+domoberzin@users.noreply.github.com>
---
 .../instructor-request-form.component.spec.ts.snap       | 9 +++++++++
 .../instructor-request-form.component.html               | 5 ++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/web/app/pages-static/request-page/instructor-request-form/__snapshots__/instructor-request-form.component.spec.ts.snap b/src/web/app/pages-static/request-page/instructor-request-form/__snapshots__/instructor-request-form.component.spec.ts.snap
index ddb6374364f..c8d0ffa8e97 100644
--- a/src/web/app/pages-static/request-page/instructor-request-form/__snapshots__/instructor-request-form.component.spec.ts.snap
+++ b/src/web/app/pages-static/request-page/instructor-request-form/__snapshots__/instructor-request-form.component.spec.ts.snap
@@ -189,7 +189,16 @@ exports[`InstructorRequestFormComponent should render correctly 1`] = `
       />
     </div>
     <br />
+    <a
+      aria-label="Cancel button"
+      class="btn btn-danger me-3"
+      tmrouterlink="/web/front/home"
+      type="button"
+    >
+       Cancel 
+    </a>
     <button
+      aria-label="Submit form"
       class="btn btn-primary"
       id="submit-button"
       type="submit"
diff --git a/src/web/app/pages-static/request-page/instructor-request-form/instructor-request-form.component.html b/src/web/app/pages-static/request-page/instructor-request-form/instructor-request-form.component.html
index 76ed8a7f682..035a61ee16a 100644
--- a/src/web/app/pages-static/request-page/instructor-request-form/instructor-request-form.component.html
+++ b/src/web/app/pages-static/request-page/instructor-request-form/instructor-request-form.component.html
@@ -127,7 +127,10 @@
   <ngb-alert type="danger" [dismissible]="false" *ngIf="serverErrorMessage" class="error-box">
     <strong>Error submitting request:</strong> {{serverErrorMessage}}
   </ngb-alert>
-  <button type="submit" class="btn btn-primary" id="submit-button" [disabled]="!canSubmit">
+  <a type="button" class="btn btn-danger me-3" tmRouterLink="/web/front/home" aria-label="Cancel button">
+    Cancel
+  </a>
+  <button type="submit" class="btn btn-primary" id="submit-button" aria-label="Submit form" [disabled]="!canSubmit">
     {{isLoading ? "Submitting..." : "Submit"}}
   </button>
 </form>