From f1ca0feba5ac94bbca4129637d6c95a15983f4d3 Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Wed, 20 Mar 2024 15:08:46 +0100
Subject: [PATCH] feat(proofs): display the proof receipt privacy status in the
 proof footer (#468)

---
 src/components/ProofEditDialog.vue  |  2 +-
 src/components/ProofFooter.vue      |  2 ++
 src/components/ProofPrivateChip.vue | 15 +++++++++++++++
 src/components/ProofTypeChip.vue    |  2 +-
 src/views/AddPriceMultiple.vue      |  4 ++--
 5 files changed, 21 insertions(+), 4 deletions(-)
 create mode 100644 src/components/ProofPrivateChip.vue

diff --git a/src/components/ProofEditDialog.vue b/src/components/ProofEditDialog.vue
index 1eb548b6f9b..06f7cd64f0a 100644
--- a/src/components/ProofEditDialog.vue
+++ b/src/components/ProofEditDialog.vue
@@ -8,7 +8,7 @@
       <v-divider></v-divider>
 
       <v-card-text v-if="proof.type === 'RECEIPT'">
-        <h3>{{ $t('ProofEdit.PrivateWarning') }}</h3>
+        <h3>{{ $t('ProofDetail.Privacy') }}</h3>
         <v-switch
           v-model="isPublic"
           color="green"
diff --git a/src/components/ProofFooter.vue b/src/components/ProofFooter.vue
index 36a1c20df04..7bbd643d9cc 100644
--- a/src/components/ProofFooter.vue
+++ b/src/components/ProofFooter.vue
@@ -2,6 +2,7 @@
   <v-row>
     <v-col :cols="userIsProofOwner ? '11' : '12'">
       <ProofTypeChip class="mr-1" :proof="proof"></ProofTypeChip>
+      <ProofPrivateChip v-if="proof.type === 'RECEIPT'" class="mr-1" :proof="proof"></ProofPrivateChip>
       <PriceCountChip :count="proof.price_count" :withLabel="true" @click="goToProof()"></PriceCountChip>
       <RelativeDateTimeChip :dateTime="proof.created"></RelativeDateTimeChip>
     </v-col>
@@ -18,6 +19,7 @@ import { useAppStore } from '../store'
 export default {
   components: {
     'ProofTypeChip': defineAsyncComponent(() => import('../components/ProofTypeChip.vue')),
+    'ProofPrivateChip': defineAsyncComponent(() => import('../components/ProofPrivateChip.vue')),
     'PriceCountChip': defineAsyncComponent(() => import('../components/PriceCountChip.vue')),
     'RelativeDateTimeChip': defineAsyncComponent(() => import('../components/RelativeDateTimeChip.vue')),
     'ProofActionMenuButton': defineAsyncComponent(() => import('../components/ProofActionMenuButton.vue'))
diff --git a/src/components/ProofPrivateChip.vue b/src/components/ProofPrivateChip.vue
new file mode 100644
index 00000000000..9a469726b7a
--- /dev/null
+++ b/src/components/ProofPrivateChip.vue
@@ -0,0 +1,15 @@
+<template>
+  <v-chip label size="small" density="comfortable">
+    <v-icon start :icon="proof.is_public ? 'mdi-lock-open-check' : 'mdi-lock-alert'"></v-icon>
+    <span v-if="proof.is_public" class="text-green">{{ $t('ProofDetail.Public') }}</span>
+    <span v-else class="text-red">{{ $t('ProofDetail.Private') }}</span>
+  </v-chip>
+</template>
+
+<script>
+export default {
+  props: {
+    'proof': null,
+  },
+}
+</script>
diff --git a/src/components/ProofTypeChip.vue b/src/components/ProofTypeChip.vue
index 83e48eacd76..3aa0d55c818 100644
--- a/src/components/ProofTypeChip.vue
+++ b/src/components/ProofTypeChip.vue
@@ -1,6 +1,6 @@
 <template>
   <v-chip label size="small" density="comfortable">
-    <v-icon start icon="mdi-paperclip"></v-icon>
+    <v-icon start icon="mdi-image"></v-icon>
     <span v-if="proof.type === 'GDPR_REQUEST'">
       <a :href="OFF_WIKI_GDPR_REQUEST_URL" target="_blank">
         {{ proofTypeName }}
diff --git a/src/views/AddPriceMultiple.vue b/src/views/AddPriceMultiple.vue
index 3b5ac1828d2..ab393f5943d 100644
--- a/src/views/AddPriceMultiple.vue
+++ b/src/views/AddPriceMultiple.vue
@@ -78,8 +78,8 @@
                   @change="updateIsPublicProof">
                   <template v-slot:label>
                     <v-icon start size="small" :icon="proofIsPublic ? 'mdi-lock-open-check' : 'mdi-lock-alert'" :color="proofIsPublic ? 'green' : 'red'"></v-icon>
-                    <span :style="{ color: proofIsPublic ? 'green' : 'red' }">
-                      {{ proofIsPublic ? $t('AddPriceMultiple.ProofDetails.Public') : $t('AddPriceMultiple.ProofDetails.Private') }}
+                    <span :class="proofIsPublic ? 'text-green' : 'text-red'">
+                      {{ proofIsPublic ? $t('ProofDetail.Public') : $t('ProofDetail.Private') }}
                     </span>
                   </template>
                 </v-switch>