refactor(price card): rename components for clarification (#664)

openfoodfacts · Jun 25, 2024 · f81dfb3 · f81dfb3
1 parent 01a50fa
commit f81dfb3
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 11 deletions.
diff --git a/src/components/PriceFooterRow.vue b/src/components/PriceFooterRow.vue
@@ -2,9 +2,9 @@
   <v-row style="margin-top:0;">
     <v-col :cols="userIsPriceOwner ? '11' : '12'">
       <LocationChip v-if="!hidePriceLocation" class="mr-1" :location="price.location" :locationId="price.location_id" :readonly="readonly" />
-      <PriceOwnerChip class="mr-1" :price="price" :readonly="readonly" />
+      <UserChip class="mr-1" :username="price.owner" :readonly="readonly" />
       <RelativeDateTimeChip class="mr-1" :dateTime="price.created" />
-      <PriceProof v-if="price.proof && !hidePriceProof" :proof="price.proof" />
+      <ProofChip v-if="price.proof && !hidePriceProof" :proof="price.proof" />
     </v-col>
   </v-row>
 
@@ -19,9 +19,9 @@ import { useAppStore } from '../store'
 export default {
   components: {
     LocationChip: defineAsyncComponent(() => import('../components/LocationChip.vue')),
-    PriceOwnerChip: defineAsyncComponent(() => import('../components/PriceOwnerChip.vue')),
+    UserChip: defineAsyncComponent(() => import('../components/UserChip.vue')),
     RelativeDateTimeChip: defineAsyncComponent(() => import('../components/RelativeDateTimeChip.vue')),
-    PriceProof: defineAsyncComponent(() => import('../components/PriceProof.vue')),
+    ProofChip: defineAsyncComponent(() => import('../components/ProofChip.vue')),
     PriceActionMenuButton: defineAsyncComponent(() => import('../components/PriceActionMenuButton.vue')),
   },
   props: {

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

diff --git a/src/components/PriceProof.vue → src/components/ProofChip.vue b/src/components/PriceProof.vue → src/components/ProofChip.vue
@@ -4,7 +4,7 @@
     label
     size="small"
     density="comfortable"
-    :title="$t('PriceCard.Proof')"
+    :title="$t('Common.Proof')"
     @click="openDialog"
   >
     <v-icon icon="mdi-image" />

diff --git a/src/components/PriceOwnerChip.vue → src/components/UserChip.vue b/src/components/PriceOwnerChip.vue → src/components/UserChip.vue
@@ -1,15 +1,15 @@
 <template>
   <v-chip label size="small" density="comfortable" @click="goToUser()">
     <v-icon start icon="mdi-account" />
-    {{ price.owner }}
+    {{ username }}
   </v-chip>
 </template>
 
 <script>
 export default {
   props: {
-    price: {
-      type: Object,
+    username: {
+      type: String,
       default: null
     },
     readonly: {
@@ -22,7 +22,7 @@ export default {
       if (this.readonly) {
         return
       }
-      this.$router.push({ path: `/users/${this.price.owner}` })
+      this.$router.push({ path: `/users/${this.username}` })
     },
   }
 }

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
@@ -110,6 +110,7 @@
 		"AddPrice": "Add a price",
 		"AddToOFF": "Add to {name}",
 		"Brand": "Brand",
+		"Proof": "Proof",
 		"Country": "Country",
 		"Currency": "Currency",
 		"CurrencyMissing": "Currency missing",

diff --git a/src/views/AddPriceSingle.vue b/src/views/AddPriceSingle.vue
@@ -66,7 +66,7 @@
             </h3>
             <PriceInputRow :priceForm="addPriceSingleForm" :hideCurrencyChoice="true" @filled="pricePriceFormFilled = $event" />
             <h3 class="mt-4 mb-1">
-              {{ $t('AddPriceSingle.PriceDetails.Proof') }}
+              {{ $t('Common.Proof') }}
             </h3>
           </v-card-text>
         </v-card>