web: Fix watch button not working

Author: bperel

apps/web/src/components/IssueList.vue

@@ -249,7 +249,7 @@
                 </div>
                 <Watch
                   v-if="!readonly && (!userCopies.length || onSaleByOthers)"
-                  v-bind="{ issuecode }"
+                  v-bind="{ issuecode, publicationcode }"
                   :constant-width="onSaleByOthers"
                 />
                 <div v-if="!readonly" class="issue-check">

apps/web/src/components/Watch.vue

@@ -23,20 +23,22 @@
         class="mx-1"
       />
       <span v-if="isWatched" class="text-light">{{ $t("Surveillé") }}</span>
-      <span v-else class="text-tertiary on-icon-hover">{{
-        $t("Surveiller")
-      }}</span>
+      <span
+        v-else-if="!isPublicationWatchedButNotIssuecode"
+        class="text-tertiary on-icon-hover"
+        >{{ $t("Surveiller") }}</span
+      >
     </b-button></span
   >
 </template>
 <script setup lang="ts">
 const {
-  issuecode = null,
-  publicationcode = null,
+  issuecode,
+  publicationcode,
   constantWidth = false,
 } = defineProps<{
-  publicationcode?: string;
   issuecode?: string;
+  publicationcode?: string;
   constantWidth?: boolean;
 }>();
 
@@ -67,12 +69,12 @@ const buttonTooltipText = $computed(() =>
         ? "Cliquez ici pour voir les numéros que vous ne possédez pas de ce magazine qui sont en vente !"
         : isPublicationWatchedButNotIssuecode
           ? "Vous surveillez déjà tous les numéros de ce magazine. Cliquez sur 'Surveillé' en face du titre du magazine pour ne surveiller que certains numéros de ce magazine."
-          : "Cliquez ici pour voir les propositions de vente de ce numéro !",
+          : "Cliquez ici pour surveiller les propositions de vente de ce numéro !",
   ),
 );
 
 if (publicationcode) {
-  loadWatchedPublicationsWithSales();
+  loadWatchedPublicationsWithSales(true);
 }
 
 const toggleArrayItem = (a: string[], v: string) => {
@@ -85,6 +87,7 @@ const toggleWatchedPublication = async () => {
   if (watchedPublicationsWithSales.value) {
     toggleArrayItem(watchedPublicationsWithSales.value, key);
     await updateWatchedPublicationsWithSales();
+    await loadWatchedPublicationsWithSales(true);
   }
 };
 </script>
@@ -107,15 +110,20 @@ const toggleWatchedPublication = async () => {
     cursor: not-allowed;
   }
 
-  &:not(.soft-disabled):hover,
-  &:not(.disabled):hover {
+  &:hover {
     color: white !important;
 
     .on-icon-hover {
       display: inline;
     }
   }
 
+  &.soft-disabled:hover,
+  &.disabled:hover {
+    background-color: var(--bs-btn-bg) !important;
+    color: var(--bs-btn-color) !important;
+  }
+
   .on-icon-hover {
     display: none;
   }

apps/web/translations/messages.en.json

@@ -82,7 +82,7 @@
   "Cliquez ici pour ne plus voir les numéros que vous ne possédez pas de ce magazine qui sont en vente": "Click here to stop seeing on sale issues for this publication",
   "Cliquez ici pour ne plus voir les propositions de vente de ce numéro": "Click here to stop seeing the sale propositions of this issue",
   "Cliquez ici pour voir les numéros que vous ne possédez pas de ce magazine qui sont en vente !": "Click here to see the issues that are on sale and that you don't own for this publication!",
-  "Cliquez ici pour voir les propositions de vente de ce numéro !": "Click here to see the sale propositionsof this issue!",
+  "Cliquez ici pour surveiller les propositions de vente de ce numéro !": "Click here to see the sale propositionsof this issue!",
   "Cliquez ici pour vous inscrire !": "Click here to sign up!",
   "Cliquez sur \"Nouveau magazine\" pour ajouter un numéro dans votre liste.": "Click on \"New magazine\" to add an issue into your list.",
   "Cliquez sur l'un des magazines pour éditer sa liste !": "Click on one of the publications to edit its list!",

apps/web/translations/messages.nb_NO.json

@@ -81,7 +81,7 @@
     "Cliquez ici pour ne plus voir les numéros que vous ne possédez pas de ce magazine qui sont en vente": "",
     "Cliquez ici pour ne plus voir les propositions de vente de ce numéro": "",
     "Cliquez ici pour voir les numéros que vous ne possédez pas de ce magazine qui sont en vente !": "",
-    "Cliquez ici pour voir les propositions de vente de ce numéro !": "",
+    "Cliquez ici pour surveiller les propositions de vente de ce numéro !": "",
     "Cliquez ici pour vous inscrire !": "",
     "Cliquez sur \"Nouveau magazine\" pour ajouter un numéro dans votre liste.": "",
     "Cliquez sur l'un des magazines pour éditer sa liste !": "",

apps/web/translations/messages.ta.json

@@ -81,7 +81,7 @@
     "Cliquez ici pour ne plus voir les numéros que vous ne possédez pas de ce magazine qui sont en vente": "விற்பனைக்கு வரும் இந்த பத்திரிகையின் உங்களிடம் இல்லாத எண்களை இனி காண இங்கே சொடுக்கு செய்க",
     "Cliquez ici pour ne plus voir les propositions de vente de ce numéro": "இந்த எண்ணிற்கான விற்பனை திட்டங்களை இனி பார்க்க இங்கே சொடுக்கு செய்க",
     "Cliquez ici pour voir les numéros que vous ne possédez pas de ce magazine qui sont en vente !": "விற்பனைக்கு வரும் இந்த பத்திரிகையின் எண்களைக் காண இங்கே சொடுக்கு செய்க!",
-    "Cliquez ici pour voir les propositions de vente de ce numéro !": "இந்த எண்ணிற்கான விற்பனை திட்டங்களைக் காண இங்கே சொடுக்கு செய்க!",
+    "Cliquez ici pour surveiller les propositions de vente de ce numéro !": "இந்த எண்ணிற்கான விற்பனை திட்டங்களைக் காண இங்கே சொடுக்கு செய்க!",
     "Cliquez ici pour vous inscrire !": "பதிவு செய்ய இங்கே சொடுக்கு செய்க!",
     "Cliquez sur \"Nouveau magazine\" pour ajouter un numéro dans votre liste.": "உங்கள் பட்டியலில் ஒரு எண்ணைச் சேர்க்க \"புதிய செய்தித் தாள்\" என்பதைக் சொடுக்கு செய்க.",
     "Cliquez sur l'un des magazines pour éditer sa liste !": "அதன் பட்டியலைத் திருத்த பத்திரிகைகளில் ஒன்றைக் சொடுக்கு செய்க!",