refactor: add disabled prop to Link components

openfoodfacts · Aug 17, 2024 · aaef501 · aaef501
1 parent 5c3b8de
commit aaef501
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>