From 767f8139ec0aa59f834900632767db00ef4d84e7 Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Thu, 14 Nov 2024 19:05:57 +0100
Subject: [PATCH] refactor(ProductCard): new prop to hide categories & labels
 chip

---
 src/components/PriceCard.vue       |  1 +
 src/components/ProductCard.vue     | 10 +++++++---
 src/components/ProductInputRow.vue |  2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/PriceCard.vue b/src/components/PriceCard.vue
index cde269efa97..bb9dbbd13e3 100644
--- a/src/components/PriceCard.vue
+++ b/src/components/PriceCard.vue
@@ -17,6 +17,7 @@
               <span v-if="hasProductSource">
                 <ProductBrands :productBrands="product.brands" :readonly="readonly" />
                 <ProductQuantityChip class="mr-1" :productQuantity="product.product_quantity" :productQuantityUnit="product.product_quantity_unit" />
+                <!-- ProductCategoriesChip, ProductLabelsChip -->
                 <br v-if="showProductBarcode">
                 <ProductBarcodeChip v-if="showProductBarcode" :product="product" />
               </span>
diff --git a/src/components/ProductCard.vue b/src/components/ProductCard.vue
index e0207023eda..5321060613b 100644
--- a/src/components/ProductCard.vue
+++ b/src/components/ProductCard.vue
@@ -16,9 +16,9 @@
             <span v-if="hasProductSource">
               <ProductBrands :productBrands="product.brands" :readonly="readonly" />
               <ProductQuantityChip class="mr-1" :productQuantity="product.product_quantity" :productQuantityUnit="product.product_quantity_unit" />
-              <br>
-              <ProductCategoriesChip class="mr-1" :productCategories="product.categories_tags" />
-              <ProductLabelsChip :productLabels="product.labels_tags" />
+              <br v-if="!hideCategoriesAndLabels">
+              <ProductCategoriesChip v-if="!hideCategoriesAndLabels" class="mr-1" :productCategories="product.categories_tags" />
+              <ProductLabelsChip v-if="!hideCategoriesAndLabels" :productLabels="product.labels_tags" />
             </span>
             <ProductMissingChip v-else />
             <br v-if="showProductBarcode">
@@ -68,6 +68,10 @@ export default {
       type: Object,
       default: null
     },
+    hideCategoriesAndLabels: {
+      type: Boolean,
+      default: false
+    },
     hideProductBarcode: {
       type: Boolean,
       default: true
diff --git a/src/components/ProductInputRow.vue b/src/components/ProductInputRow.vue
index 92a487bee64..4922af044e7 100644
--- a/src/components/ProductInputRow.vue
+++ b/src/components/ProductInputRow.vue
@@ -23,7 +23,7 @@
           <span class="d-sm-none">{{ $t('AddPriceSingle.ProductInfo.Type') }}</span>
           <span class="d-none d-sm-inline-flex">{{ $t('AddPriceSingle.ProductInfo.TypeBarcode') }}</span>
         </v-btn>
-        <ProductCard v-if="productForm.product" class="mb-2" :product="productForm.product" :hidePriceFooterRow="true" :hideProductActions="true" :readonly="true" elevation="1" />
+        <ProductCard v-if="productForm.product" class="mb-2" :product="productForm.product" :hideCategoriesAndLabels="true" :hideProductActions="true" :readonly="true" elevation="1" />
       </v-sheet>
       <v-sheet v-if="productForm.mode === 'category'">
         <v-row>