From 179d79ecc08b13061625d436208246837a644827 Mon Sep 17 00:00:00 2001
From: Hugoobx <hugo.bertoux@icloud.com>
Date: Fri, 2 Oct 2026 11:04:01 +0200
Subject: [PATCH] fix: bouton i en trop

---
 src/components/suivi-api/BilanEnvoisTable.vue |  2 +-
 .../suivi-api/HistoriqueParcellaireModal.vue  | 20 +++++++++++++------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/suivi-api/BilanEnvoisTable.vue b/src/components/suivi-api/BilanEnvoisTable.vue
index bfb23fac5..b00132465 100644
--- a/src/components/suivi-api/BilanEnvoisTable.vue
+++ b/src/components/suivi-api/BilanEnvoisTable.vue
@@ -110,7 +110,7 @@ function hasDetailIdentifiers(envoi: BilanEnvoiItem) {
                       <span class="fr-sr-only">Voir le détail de cet envoi</span>
                     </button>
                     <button
-                      v-else
+                      v-else-if="!large"
                       type="button"
                       class="fr-btn fr-icon-information-line fr-btn--tertiary-no-outline fr-btn--sm"
                       aria-label="Détail indisponible"
diff --git a/src/components/suivi-api/HistoriqueParcellaireModal.vue b/src/components/suivi-api/HistoriqueParcellaireModal.vue
index 0c9f427fe..80347f077 100644
--- a/src/components/suivi-api/HistoriqueParcellaireModal.vue
+++ b/src/components/suivi-api/HistoriqueParcellaireModal.vue
@@ -30,6 +30,8 @@ const model = defineModel<boolean>({ required: true });
 
 const { downloadJson } = useTelechargements();
 
+const hasPayload = computed(() => props.selectedEnvoi?.payload != null);
+
 const hasOnlyInvalidApiRequest = computed(() => {
   const erreurs = props.selectedEnvoi?.erreurs ?? [];
   return erreurs.length > 0 && erreurs.every((erreur) => erreur.code === "INVALID_API_REQUEST");
@@ -175,13 +177,19 @@ function getRejets(envoi: HistoriqueEnvoi) {
         </button>
       </div>
       <div class="fr-text--right">
-        <button
-          type="button"
-          class="fr-btn fr-icon-download-line fr-btn--icon-left fr-btn--secondary"
-          @click="downloadJson(selectedEnvoi?.payload, `payload-${selectedEnvoi?.jobId}.json`)"
+        <span
+          v-tooltip="{ text: hasPayload ? '' : 'Les payloads sont conservés pendant deux mois.', position: 'top' }"
+          :tabindex="hasPayload ? -1 : 0"
         >
-          Télécharger l'envoi en JSON
-        </button>
+          <button
+            type="button"
+            class="fr-btn fr-icon-download-line fr-btn--icon-left fr-btn--secondary"
+            :disabled="!hasPayload"
+            @click="downloadJson(selectedEnvoi?.payload, `payload-${selectedEnvoi?.jobId}.json`)"
+          >
+            {{ hasPayload ? "Télécharger l'envoi en JSON" : "Payload indisponible" }}
+          </button>
+        </span>
       </div>
     </template>
   </Modal>