[HIMA-13] Addresing QA comments

src/app/components/product-card/product-card.component.html

@@ -41,7 +41,7 @@
         </div>
       </div>
       <div class="stock-container align-right">
-        <div *ngIf="product.availability" class="available-stock">
+        <div *ngIf="product.itemsInStock > 0" class="available-stock">
           <div class="available-icon-container">
             <img
               class="available-icon"
@@ -67,7 +67,7 @@
             <span>{{ product.itemsInStock }}x</span>
           </div>
         </div>
-        <div *ngIf="!product.availability" class="not-available-stock">
+        <div *ngIf="product.itemsInStock === 0" class="not-available-stock">
           <span>{{ product.notAvailableReason }}</span>
         </div>
       </div>
@@ -85,7 +85,7 @@
         </div>
       </div>
       <div class="order">
-        <span>{{ product.category }}</span>
+        <span>{{ product.location }}</span>
       </div>
     </div>
   </div>

src/app/components/product-details/product-details.component.html

@@ -35,10 +35,10 @@
             <div class="stock-label">
               <span>Lieferbar</span>
             </div>
-            <div class="home-icon">
+            <div class="home-icon" *ngIf="product.quantity > 0">
               <img class="icon" src="../../../assets/images/Icon_House.svg">
             </div>
-            <div class="stock-quantity">
+            <div class="stock-quantity" *ngIf="product.quantity > 0">
               <span>{{product.quantity}}</span>
             </div>
           </div>

src/app/components/product-details/product-details.component.scss

@@ -81,7 +81,7 @@
 .type {
     display: grid;
     grid-template-columns: min-content auto;
-    grid-gap: 10px;
+    grid-gap: 13px;
 }
 
 .type span {

src/app/core/mappings/product.mapping.ts

@@ -35,6 +35,8 @@ export class ProductMapping {
             itemsInStock = item.st.reduce((aggr, si) => aggr + si.inStock, 0);
         }
 
+        console.log(item);
+
         return {
             author: item.pr.contributors,
             availability: !!availability,
@@ -45,7 +47,7 @@ export class ProductMapping {
             err: '',
             category: item.pr.productGroup,
             icon: '',
-            notAvailableReason: '',
+            notAvailableReason: itemsInStock === 0 ? 'Not in stock' : '',
             publisher: item.pr.manufacturer,
             recommandation: false,
             serial: item.pr.serial,