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

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

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