fix: show ProductCard, PriceCard & ProofCard only if object. Avoids e…

…rrors
openfoodfacts · Sep 7, 2024 · 42d4cb5 · 42d4cb5
1 parent 0b75dcd
commit 42d4cb5
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/PriceCard.vue b/src/components/PriceCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :id="'price_' + price.id" data-name="price-card">
+  <v-card v-if="price" :id="'price_' + price.id" data-name="price-card">
     <v-container class="pa-2">
       <v-row>
         <v-col v-if="!hideProductImage" class="pr-0" style="max-width:20%;">

diff --git a/src/components/ProductCard.vue b/src/components/ProductCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :id="'product_' + product.code" data-name="product-card">
+  <v-card v-if="product" :id="'product_' + product.code" data-name="product-card">
     <v-container class="pa-2" :style="latestPrice ? 'position:relative;' : ''">
       <v-row v-if="product">
         <v-col class="pr-0" style="max-width:20%">

diff --git a/src/components/ProofCard.vue b/src/components/ProofCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :id="'proof_' + proof.id" data-name="proof-card" @click="selectProof">
+  <v-card v-if="proof" :id="'proof_' + proof.id" data-name="proof-card" @click="selectProof">
     <v-card-title v-if="!hideProofHeader">
       {{ $t('Common.Proof') }} <v-btn style="float:right;" variant="text" density="compact" icon="mdi-close" @click="close" />
     </v-card-title>

diff --git a/src/views/PriceDetail.vue b/src/views/PriceDetail.vue
@@ -1,7 +1,7 @@
 <template>
   <v-row>
     <v-col cols="12" sm="6">
-      <PriceCard v-if="price" :price="price" :product="price.product" />
+      <PriceCard :price="price" :product="price.product" />
     </v-col>
   </v-row>
 </template>