migrate angular 21

src/app/widget-modules/components/button/button.component.html

@@ -1,8 +1,10 @@
 <button mat-button>
-  <span *ngIf="icon"
-  ><fa-icon [icon]="icon"></fa-icon><span class="content">&nbsp;</span></span
-  >
-  <span class="button-content">
-    <ng-content></ng-content>
-  </span>
-</button>
+  @if (icon) {
+    <span
+      ><fa-icon [icon]="icon"></fa-icon><span class="content">&nbsp;</span></span
+      >
+    }
+    <span class="button-content">
+      <ng-content></ng-content>
+    </span>
+  </button>

src/app/widget-modules/components/button/button.component.ts

@@ -1,14 +1,14 @@
 import {Component, Input} from '@angular/core';
 import {IconProp} from '@fortawesome/fontawesome-svg-core';
 import {MatButton} from '@angular/material/button';
-import {NgIf} from '@angular/common';
+
 import {FaIconComponent} from '@fortawesome/angular-fontawesome';
 
 @Component({
   selector: 'app-button',
   templateUrl: './button.component.html',
   styleUrls: ['./button.component.less'],
-  imports: [MatButton, NgIf, FaIconComponent],
+  imports: [MatButton, FaIconComponent],
 })
 export class ButtonComponent {
   @Input() public icon: IconProp | null = null;