Corrige l'affichage des tags personnalisés

incubateur-ademe · Dec 10, 2024 · 871e351 · 871e351
1 parent da38778
commit 871e351
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/...ns.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Description.tsx b/...ns.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Description.tsx
@@ -29,7 +29,7 @@ const Description = ({ fiche }: FicheActionPdfProps) => {
             />
           ))}
           {libresTag?.map((tagPerso) => (
-            <Badge key={tagPerso.id} title={tagPerso.nom} state="grey" />
+            <Badge key={tagPerso.id} title={tagPerso.nom} state="default" />
           ))}
         </Stack>
       )}

diff --git a/...s/collectivite/PlansActions/FicheAction/FicheActionDescription/FicheActionDescription.tsx b/...s/collectivite/PlansActions/FicheAction/FicheActionDescription/FicheActionDescription.tsx
@@ -56,11 +56,14 @@ const FicheActionDescription = ({
     >
       <div
         className={classNames('flex justify-between items-start', {
-          'max-sm:-mb-4 -mb-8': !thematiques || !thematiques?.length,
+          'max-sm:-mb-4 -mb-8':
+            (!thematiques || !thematiques?.length) && !libresTag?.length,
         })}
       >
         {/* Liste des thématiques et sous-thématiques sous forme de badges */}
-        {(thematiques?.length || sousThematiques?.length) && (
+        {(thematiques?.length ||
+          sousThematiques?.length ||
+          libresTag?.length) && (
           <div className="flex flex-wrap gap-3">
             {thematiques?.map((thematique) => (
               <Badge