From aaef5012edbb03d5e726665aae6e235007ee218e Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Sat, 17 Aug 2024 14:33:09 +0200
Subject: [PATCH] refactor: add disabled prop to Link components

---
 src/components/OpenFoodFactsLink.vue | 10 +++++++---
 src/components/PriceAddLink.vue      |  9 +++++++--
 src/components/ShareLink.vue         | 10 ++++++++--
 src/views/ProductDetail.vue          |  1 -
 4 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/components/OpenFoodFactsLink.vue b/src/components/OpenFoodFactsLink.vue
index 569fe4d567..2d7c1ab1dc 100644
--- a/src/components/OpenFoodFactsLink.vue
+++ b/src/components/OpenFoodFactsLink.vue
@@ -1,11 +1,11 @@
 <template>
-  <a v-if="display === 'link'" :href="getUrl" target="_blank">
+  <a v-if="display === 'link'" :href="getUrl" target="_blank" :disabled="disabled">
     {{ getSourceName }}
   </a>
-  <v-btn v-else-if="display === 'button'" size="small" :prepend-icon="getSourceIcon" append-icon="mdi-open-in-new" :href="getUrl" target="_blank">
+  <v-btn v-else-if="display === 'button'" size="small" :prepend-icon="getSourceIcon" append-icon="mdi-open-in-new" :href="getUrl" target="_blank" :disabled="disabled">
     {{ getSourceName }}
   </v-btn>
-  <v-list-item v-else-if="display === 'list-item'" :slim="true" :prepend-icon="getSourceIcon" append-icon="mdi-open-in-new" :href="getUrl" target="_blank">
+  <v-list-item v-else-if="display === 'list-item'" :slim="true" :prepend-icon="getSourceIcon" append-icon="mdi-open-in-new" :href="getUrl" target="_blank" :disabled="disabled">
     {{ getSourceName }}
   </v-list-item>
 </template>
@@ -35,6 +35,10 @@ export default {
       type: String,
       default: 'link',
       examples: ['link', 'button', 'list-item']
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
diff --git a/src/components/PriceAddLink.vue b/src/components/PriceAddLink.vue
index 7640a1615b..f0be241e3f 100644
--- a/src/components/PriceAddLink.vue
+++ b/src/components/PriceAddLink.vue
@@ -1,5 +1,5 @@
 <template>
-  <a v-if="display === 'link'" :to="getAddUrl">
+  <a v-if="display === 'link'" :to="getAddUrl" :disabled="disabled">
     {{ $t('Common.AddPrice') }}
   </a>
   <v-btn
@@ -8,10 +8,11 @@
     color="primary"
     prepend-icon="mdi-tag-plus-outline"
     :to="getAddUrl"
+    :disabled="disabled"
   >
     {{ $t('Common.AddPrice') }}
   </v-btn>
-  <v-list-item v-else-if="display === 'list-item'" :slim="true" base-color="primary" prepend-icon="mdi-tag-plus-outline" :to="getAddUrl">
+  <v-list-item v-else-if="display === 'list-item'" :slim="true" base-color="primary" prepend-icon="mdi-tag-plus-outline" :to="getAddUrl" :disabled="disabled">
     {{ $t('Common.AddPrice') }}
   </v-list-item>
 </template>
@@ -37,6 +38,10 @@ export default {
       default: 'link',
       examples: ['link', 'button', 'list-item']
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
   },
   data() {
     return {
diff --git a/src/components/ShareLink.vue b/src/components/ShareLink.vue
index 5b59f73a2f..3646070110 100644
--- a/src/components/ShareLink.vue
+++ b/src/components/ShareLink.vue
@@ -1,5 +1,5 @@
 <template>
-  <a v-if="display === 'link'" @click="shareViaWebShare">
+  <a v-if="display === 'link'" :disabled="disabled" @click="shareViaWebShare">
     {{ $t('Common.Share') }}
   </a>
   <v-sheet v-else-if="display === 'button'">
@@ -11,6 +11,7 @@
       color="teal"
       icon="mdi-share-variant"
       :title="$t('Common.Share')"
+      :disabled="disabled"
       @click="shareViaWebShare"
     />
     <v-btn
@@ -21,12 +22,13 @@
       color="teal"
       prepend-icon="mdi-share-variant"
       :title="$t('Common.Share')"
+      :disabled="disabled"
       @click="shareViaWebShare"
     >
       {{ $t('Common.Share') }}
     </v-btn>
   </v-sheet>
-  <v-list-item v-else-if="display === 'list-item'" :slim="true" base-color="teal" prepend-icon="mdi-share-variant" @click="shareViaWebShare">
+  <v-list-item v-else-if="display === 'list-item'" :slim="true" base-color="teal" prepend-icon="mdi-share-variant" :disabled="disabled" @click="shareViaWebShare">
     {{ $t('Common.Share') }}
   </v-list-item>
 
@@ -53,6 +55,10 @@ export default {
       default: 'link',
       examples: ['link', 'button', 'list-item']
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
   },
   data() {
     return {
diff --git a/src/views/ProductDetail.vue b/src/views/ProductDetail.vue
index 6a3f2bc76e..8b3f2e1c8b 100644
--- a/src/views/ProductDetail.vue
+++ b/src/views/ProductDetail.vue
@@ -26,7 +26,6 @@
 
   <v-row v-if="categoryFound" class="mt-0">
     <v-col cols="12">
-      {{ category }}
       <PriceAddLink v-if="category" class="mr-2" :productCode="category.name" display="button" />
     </v-col>
   </v-row>