From a6d6f385a353f0f63dd88e30853de136628362c6 Mon Sep 17 00:00:00 2001
From: Orka Arnest CRUZE <orka.cruze@ign.fr>
Date: Thu, 25 Apr 2024 16:01:28 +0200
Subject: [PATCH] chore: petits changements visuels

---
 .../pages/datasheet/DatasheetView/DatasheetView.tsx      | 3 ++-
 .../DatasheetView/MetadataTab/MetadataField.tsx          | 9 ++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/assets/entrepot/pages/datasheet/DatasheetView/DatasheetView.tsx b/assets/entrepot/pages/datasheet/DatasheetView/DatasheetView.tsx
index e01fb19e..23c13870 100644
--- a/assets/entrepot/pages/datasheet/DatasheetView/DatasheetView.tsx
+++ b/assets/entrepot/pages/datasheet/DatasheetView/DatasheetView.tsx
@@ -92,12 +92,13 @@ const DatasheetView: FC<DatasheetViewProps> = ({ datastoreId, datasheetName }) =
                             size="large"
                         />
                         <h1 className={fr.cx("fr-m-0")}>{datasheetName}</h1>
-                        <Badge noIcon={true} severity="info" className={fr.cx("fr-ml-2w")}>
+                        <Badge noIcon={true} severity="info" className={fr.cx("fr-mx-2w")}>
                             {(datasheetQuery?.data?.nb_publications && datasheetQuery?.data?.nb_publications > 0) ||
                             datasheetQuery.data?.metadata_published === true
                                 ? tCommon("published")
                                 : tCommon("not_published")}
                         </Badge>
+                        {(datasheetQuery.isFetching || metadataQuery.isFetching) && <LoadingIcon largeIcon={true} />}
                     </div>
 
                     <div className={fr.cx("fr-grid-row", "fr-mb-4w")}>
diff --git a/assets/entrepot/pages/datasheet/DatasheetView/MetadataTab/MetadataField.tsx b/assets/entrepot/pages/datasheet/DatasheetView/MetadataTab/MetadataField.tsx
index b35199b0..81d61f4e 100644
--- a/assets/entrepot/pages/datasheet/DatasheetView/MetadataTab/MetadataField.tsx
+++ b/assets/entrepot/pages/datasheet/DatasheetView/MetadataTab/MetadataField.tsx
@@ -28,7 +28,14 @@ const MetadataField: FC<MetadataFieldProps> = ({ title, content: value, hintText
             {hintText && <p className={fr.cx("fr-m-0", "fr-text--sm", "fr-text--light")}>{hintText}</p>}
 
             {markdown && typeof value === "string" ? (
-                <MDEditor.Markdown className={fr.cx()} source={value} style={customStyle} />
+                <MDEditor.Markdown
+                    className={fr.cx()}
+                    source={value}
+                    style={customStyle}
+                    components={{
+                        a: (props) => <a target="_blank" rel="noreferrer" {...props} />,
+                    }}
+                />
             ) : typeof value === "string" ? (
                 <p className={fr.cx("fr-m-0")}>{value}</p>
             ) : (