Create cancel button for instructor request form (#13156)

Co-authored-by: domoberzin <[email protected]>
TEAMMATES · Aug 6, 2024 · 3fddf47 · 3fddf47
1 parent 2393888
commit 3fddf47
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/...page/instructor-request-form/__snapshots__/instructor-request-form.component.spec.ts.snap b/...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/.../pages-static/request-page/instructor-request-form/instructor-request-form.component.html b/.../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>