From 66b4e0236584bba1054466b7a1c66472c07a861d Mon Sep 17 00:00:00 2001
From: jvyden <jvyden@jvyden.xyz>
Date: Sun, 5 Nov 2023 17:45:34 -0500
Subject: [PATCH] Fix conflict with HTML keyword when specifying banners
 manually

Closes #48
---
 src/app/app.component.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4f36b2d..4de5265 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -49,16 +49,16 @@
   Check back later."
   color="warning" [icon]="faExclamationTriangle" [id]="-1"></app-banner>
 
-<app-banner *ngIf="user?.role == UserRoles.Restricted" title="You are restricted!"
+<app-banner *ngIf="user?.role == UserRoles.Restricted" [title]="'You are restricted!'"
   text="Your account is currently in restricted mode. You can still play, but you won't be able to publish levels,
   post comments, or otherwise interact with the community. For more information, please contact an administrator."
   color="dangerous" [icon]="faExclamationTriangle" [id]="-1"></app-banner>
 
-<app-banner *ngIf="user !== undefined && user?.emailAddress === undefined" title="Add an email address"
+<app-banner *ngIf="user !== undefined && user?.emailAddress === undefined" [title]="'Add an email address'"
   text="Your account is missing an email address. Please add one in settings, or you may not be able to log in again."
   color="dangerous" [icon]="faExclamationTriangle"></app-banner>
 
-<app-banner *ngIf="user !== undefined && !user?.emailAddressVerified" title="Verify your email address"
+<app-banner *ngIf="user !== undefined && !user?.emailAddressVerified" [title]="'Verify your email address'"
   text="Your account's email address is not verified. Please check your email for a verification code, and verify it in settings.
   If you do not see an email verification code, try resending the email or checking your spam folder."
   color="warning" [icon]="faExclamationTriangle"></app-banner>