From 97adfe3991f2f6f95358bdc12b2afc92791e94f2 Mon Sep 17 00:00:00 2001
From: Max S <maxime.sallerin@smart-chain.fr>
Date: Tue, 23 Jul 2024 17:23:31 +0200
Subject: [PATCH] anchoring alert info

---
 src/front/Components/DesignSystem/Alert/classes.module.scss | 1 +
 .../index.tsx                                               | 6 ++++--
 .../Components/Layouts/Folder/FolderInformation/index.tsx   | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)
 rename src/front/Components/Layouts/Folder/FolderInformation/elements/{AnchoringProcessingNeutral => AnchoringProcessingInfo}/index.tsx (63%)

diff --git a/src/front/Components/DesignSystem/Alert/classes.module.scss b/src/front/Components/DesignSystem/Alert/classes.module.scss
index 96e78746..e800be15 100644
--- a/src/front/Components/DesignSystem/Alert/classes.module.scss
+++ b/src/front/Components/DesignSystem/Alert/classes.module.scss
@@ -32,6 +32,7 @@
 		display: flex;
 		padding: var(--spacing-1, 8px);
 		align-items: center;
+		align-self: flex-start;
 
 		border-radius: var(--alerts-badge-radius, 360px);
 		border: 1px solid var(--alerts-badge-border, rgba(0, 0, 0, 0));
diff --git a/src/front/Components/Layouts/Folder/FolderInformation/elements/AnchoringProcessingNeutral/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/elements/AnchoringProcessingInfo/index.tsx
similarity index 63%
rename from src/front/Components/Layouts/Folder/FolderInformation/elements/AnchoringProcessingNeutral/index.tsx
rename to src/front/Components/Layouts/Folder/FolderInformation/elements/AnchoringProcessingInfo/index.tsx
index b018d92f..599d4173 100644
--- a/src/front/Components/Layouts/Folder/FolderInformation/elements/AnchoringProcessingNeutral/index.tsx
+++ b/src/front/Components/Layouts/Folder/FolderInformation/elements/AnchoringProcessingInfo/index.tsx
@@ -1,11 +1,13 @@
 import Alert, { EAlertVariant } from "@Front/Components/DesignSystem/Alert";
+import { ArrowPathIcon } from "@heroicons/react/24/outline";
 
-export default function AnchoringProcessingNeutral() {
+export default function AnchoringProcessingInfo() {
 	return (
 		<Alert
 			title="Ancrage en cours..."
 			description="Vos documents sont en train d'être ancrés dans la blockchain. Cela peut prendre quelques instants. Merci de votre patience."
-			variant={EAlertVariant.NEUTRAL}
+			variant={EAlertVariant.INFO}
+			icon={<ArrowPathIcon />}
 			fullWidth
 		/>
 	);
diff --git a/src/front/Components/Layouts/Folder/FolderInformation/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
index 8ec5ceaf..7dd580b0 100644
--- a/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
+++ b/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
@@ -13,13 +13,13 @@ import ClientView from "./ClientView";
 import AnchoringAlertInfo from "./elements/AnchoringAlertInfo";
 import AnchoringAlertSuccess from "./elements/AnchoringAlertSuccess";
 import AnchoringModal from "./elements/AnchoringModal";
-import AnchoringProcessingNeutral from "./elements/AnchoringProcessingNeutral";
 import ArchiveAlertWarning from "./elements/ArchiveAlertWarning";
 import ArchiveModal from "./elements/ArchiveModal";
 import DownloadAnchoringProofModal from "./elements/DownloadAnchoringProofModal";
 import RequireAnchoringModal from "./elements/RequireAnchoringModal";
 import InformationSection from "./InformationSection";
 import NoClientView from "./NoClientView";
+import AnchoringProcessingInfo from "./elements/AnchoringProcessingInfo";
 
 export enum AnchorStatus {
 	"VERIFIED_ON_CHAIN" = "VERIFIED_ON_CHAIN",
@@ -148,7 +148,7 @@ export default function FolderInformation(props: IProps) {
 							isArchived={isArchived}
 						/>
 					)}
-					{!isArchived && anchorStatus === AnchorStatus.ANCHORING && <AnchoringProcessingNeutral />}
+					{!isArchived && anchorStatus === AnchorStatus.ANCHORING && <AnchoringProcessingInfo />}
 					{isArchived && folderUid && (
 						<ArchiveAlertWarning folderUid={folderUid} onDownloadAnchoringProof={downloadAnchoringProofModal.open} />
 					)}