Update flare-ui/src/app/components/login/login.component.ts

flare-ui/src/app/components/login/login.component.ts

@@ -64,10 +64,12 @@ import { AuthService } from '../../services/auth.service';
               <mat-error>Password is required</mat-error>
             </mat-form-field>
             
-            <div class="error-message" *ngIf="error">
-              <mat-icon>error</mat-icon>
-              {{ error }}
-            </div>
+            @if (error) {
+              <div class="error-message">
+                <mat-icon>error</mat-icon>
+                {{ error }}
+              </div>
+            }
             
             <button
               mat-raised-button
@@ -76,9 +78,13 @@ import { AuthService } from '../../services/auth.service';
               class="full-width submit-button"
               [disabled]="loading || !loginForm.valid"
             >
-              <mat-spinner diameter="20" class="button-spinner" *ngIf="loading"></mat-spinner>
-              <mat-icon *ngIf="!loading">login</mat-icon>
-              {{ loading ? 'Logging in...' : 'Login' }}
+              @if (loading) {
+                <mat-spinner diameter="20" class="button-spinner"></mat-spinner>
+                Logging in...
+              } @else {
+                <mat-icon>login</mat-icon>
+                Login
+              }
             </button>
           </form>
         </mat-card-content>