refactor(proofs): add a Proof Action to the details page (#801)

openfoodfacts · Sep 7, 2024 · d4b8e0a · d4b8e0a
1 parent e5cceed
commit d4b8e0a
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/ProofActionMenuButton.vue b/src/components/ProofActionMenuButton.vue
@@ -5,6 +5,9 @@
       <v-list>
         <PriceAddLink :proofId="proof.id" :proofType="proof.type" display="list-item" :disabled="!userCanAddPrice" />
         <v-divider />
+        <v-list-item :slim="true" prepend-icon="mdi-eye-outline" :to="getProofDetailUrl">
+          {{ $t('Common.Details') }}
+        </v-list-item>
         <v-list-item :slim="true" prepend-icon="mdi-pencil" :disabled="!userCanEditProof" @click="openEditDialog">
           {{ $t('Common.Edit') }}
         </v-list-item>
@@ -76,6 +79,9 @@ export default {
     }
   },
   computed: {
+    getProofDetailUrl() {
+      return `/proofs/${this.proof.id}`
+    },
     userCanAddPrice() {
       return this.proof && (this.proof.type === 'PRICE_TAG' || this.proof.type === 'RECEIPT')
     },