From c48da30d1a9e20b8c61561451cdc01d2a6fdc3fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Mon, 29 Aug 2022 10:15:46 +0300
Subject: [PATCH] Fix undefined error

---
 src/app/demo/api/product.ts                            | 8 ++++++--
 src/app/demo/components/pages/crud/crud.component.html | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/demo/api/product.ts b/src/app/demo/api/product.ts
index 0403d55..efc1f40 100644
--- a/src/app/demo/api/product.ts
+++ b/src/app/demo/api/product.ts
@@ -1,3 +1,7 @@
+interface InventoryStatus {
+    label: string;
+    value: string;
+}
 export interface Product {
     id?: string;
     code?: string;
@@ -5,8 +9,8 @@ export interface Product {
     description?: string;
     price?: number;
     quantity?: number;
-    inventoryStatus?: any;
+    inventoryStatus?: InventoryStatus;
     category?: string;
     image?: string;
     rating?: number;
-}
+}
\ No newline at end of file
diff --git a/src/app/demo/components/pages/crud/crud.component.html b/src/app/demo/components/pages/crud/crud.component.html
index 8b88702..8e0fa56 100644
--- a/src/app/demo/components/pages/crud/crud.component.html
+++ b/src/app/demo/components/pages/crud/crud.component.html
@@ -98,7 +98,7 @@
                     <label for="status">Inventory Status</label>
                     <p-dropdown id="status" [options]="statuses" optionLabel="label" [(ngModel)]="product.inventoryStatus" placeholder="Select a Status">
                         <ng-template pTemplate="selectedItem">
-                            <span *ngIf="product && product.inventoryStatus" [class]="'product-badge status-' + product.inventoryStatus.toLowerCase()">{{product.inventoryStatus}}</span>
+                            <span *ngIf="product && product.inventoryStatus" [class]="'product-badge status-' + product.inventoryStatus.value.toLowerCase()">{{product.inventoryStatus.value}}</span>
                         </ng-template>
                         <ng-template let-status pTemplate="status">
                             <span [class]="'product-badge status-' + status.value.toLowerCase()">{{status.label}}</span>