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

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

@@ -59,7 +59,7 @@
           <div class="project-info">
             <div class="info-item">
               <mat-icon>layers</mat-icon>
-              <span>{{ project.versions?.length || 0 }} versions ({{ getPublishedCount(project) }} published)</span>
+              <span>{{ project.versions.length || 0 }} versions ({{ getPublishedCount(project) }} published)</span>
             </div>
             <div class="info-item">
               <mat-icon>{{ project.enabled ? 'check_circle' : 'cancel' }}</mat-icon>
@@ -105,10 +105,10 @@
         <ng-container matColumnDef="versions">
           <th mat-header-cell *matHeaderCellDef>Versions</th>
           <td mat-cell *matCellDef="let project">
-            <mat-chip-list>
-              <mat-chip>{{ project.versions?.length || 0 }} total</mat-chip>
-              <mat-chip color="primary" selected>{{ getPublishedCount(project) }} published</mat-chip>
-            </mat-chip-list>
+            <mat-chip-listbox>
+              <mat-chip-option>{{ project.versions?.length || 0 }} total</mat-chip-option>
+              <mat-chip-option selected>{{ getPublishedCount(project) }} published</mat-chip-option>
+            </mat-chip-listbox>
           </td>
         </ng-container>