refactor(ProductCard): new prop to hide categories & labels chip

openfoodfacts · Nov 14, 2024 · 767f813 · 767f813
1 parent e755d8b
commit 767f813
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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>