Category property of services (list-service-inventory.component.html) is displayed properly

src/app/p_services/admin/inventoryManagement/list-service-inventory/list-service-inventory.component.html

@@ -32,9 +32,8 @@
 
                         <ng-container matColumnDef="category">
                             <th mat-header-cell *matHeaderCellDef mat-sort-header> Category </th>
-                            <td mat-cell *matCellDef="let element"> 
-                                <span *ngIf="element.category === 'ResourceFacingServiceSpecification' ">RFSS</span>
-                                <span *ngIf="element.category === 'CustomerFacingServiceSpecification' ">CFSS</span> 
+                            <td mat-cell *matCellDef="let element">
+                                <span>{{element.category}}</span> 
                             </td>
                         </ng-container>
 

src/app/p_services/admin/inventoryManagement/list-service-inventory/list-service-inventory.component.ts

@@ -48,7 +48,7 @@ export class ListServiceInventoryComponent implements OnInit {
         this.dataSource.sortingDataAccessor = (item, property): string | number => {
           switch (property) {
             case 'serviceDate': return new Date(item.serviceDate).getTime();
-            case 'category': return item[property] === 'CustomerFacingServiceSpecification' ? 'CFSS': 'RFSS';
+            // case 'category': return item[property] === 'CustomerFacingServiceSpecification' ? 'CFSS': 'RFSS';
             default: return item[property];
           }
         }