Update flare-ui/src/app/components/projects/projects.component.html

flare-ui/src/app/components/projects/projects.component.html

@@ -51,7 +51,7 @@
                 [class.deleted]="project.deleted">
         <mat-card-header>
           <div mat-card-avatar class="project-icon">
-            <mat-icon>flight_takeoff</mat-icon>
+            <mat-icon>{{ project.icon || 'flight_takeoff' }}</mat-icon>
           </div>
           <mat-card-title>{{ project.name }}</mat-card-title>
           <mat-card-subtitle>{{ project.caption || 'No description' }}</mat-card-subtitle>
@@ -88,15 +88,19 @@
     <!-- Table View -->
     <div class="table-container" *ngIf="viewMode === 'list' && filteredProjects.length > 0">
       <table mat-table [dataSource]="filteredProjects" class="projects-table">
+        
         <!-- Name Column -->
         <ng-container matColumnDef="name">
           <th mat-header-cell *matHeaderCellDef>Name</th>
           <td mat-cell *matCellDef="let project">
-            {{ project.name }}
-            <mat-icon class="deleted-icon" *ngIf="project.deleted">delete</mat-icon>
+            <div class="name-with-icon">
+              <mat-icon class="project-table-icon">{{ project.icon || 'flight_takeoff' }}</mat-icon>
+              {{ project.name }}
+              <mat-icon class="deleted-icon" *ngIf="project.deleted">delete</mat-icon>
+            </div>
           </td>
         </ng-container>
-
+        
         <!-- Caption Column -->
         <ng-container matColumnDef="caption">
           <th mat-header-cell *matHeaderCellDef>Caption</th>