From 90926a278e533c13267f06fa00a227febfe5bc9b Mon Sep 17 00:00:00 2001
From: Vins <vincent.alamelle@smart-chain.fr>
Date: Thu, 20 Jun 2024 10:15:46 +0200
Subject: [PATCH] Fixed newsletter

---
 .../DesignSystem/Newsletter/index.tsx         | 75 +++++++++----------
 .../Folder/FolderInformation/index.tsx        |  2 +-
 2 files changed, 38 insertions(+), 39 deletions(-)

diff --git a/src/front/Components/DesignSystem/Newsletter/index.tsx b/src/front/Components/DesignSystem/Newsletter/index.tsx
index bc26cd19..c81e6c78 100644
--- a/src/front/Components/DesignSystem/Newsletter/index.tsx
+++ b/src/front/Components/DesignSystem/Newsletter/index.tsx
@@ -26,7 +26,7 @@ export default class Newsletter extends React.Component<IProps, IState> {
 			email: "",
 			errorMessage: "",
 			successMessage: "",
-			isNewsletterOpen: false,
+			isNewsletterOpen: this.props.isOpen ?? false,
 		};
 	}
 
@@ -60,46 +60,45 @@ export default class Newsletter extends React.Component<IProps, IState> {
 	public override render(): JSX.Element {
 		return (
 			<>
-				{this.state.isNewsletterOpen ||
-					(this.props.isOpen && (
-						<div className={classes["container"]}>
-							<div className={classes["root"]}>
-								<div className={classes["text"]}>
-									<Typography typo={ITypo.H3} color={ITypoColor.WHITE}>
-										Restez Informé(e) avec notre Newsletter
-									</Typography>
-									<Typography typo={ITypo.P_18} color={ITypoColor.WHITE}>
-										Ne manquez aucune de nos actualités, promotions exclusives et conseils d'experts !
-									</Typography>
-									{this.state.errorMessage && (
-										<div>
-											<Typography typo={ITypo.P_ERR_16} color={ITypoColor.RED_FLASH}>
-												{this.state.errorMessage}
-											</Typography>
-										</div>
-									)}
-									{this.state.successMessage && (
-										<div>
-											<Typography typo={ITypo.P_16} color={ITypoColor.GREEN_FLASH}>
-												{this.state.successMessage}
-											</Typography>
-										</div>
-									)}
-								</div>
+				{this.state.isNewsletterOpen && (
+					<div className={classes["container"]}>
+						<div className={classes["root"]}>
+							<div className={classes["text"]}>
+								<Typography typo={ITypo.H3} color={ITypoColor.WHITE}>
+									Restez Informé(e) avec notre Newsletter
+								</Typography>
+								<Typography typo={ITypo.P_18} color={ITypoColor.WHITE}>
+									Ne manquez aucune de nos actualités, promotions exclusives et conseils d'experts !
+								</Typography>
+								{this.state.errorMessage && (
+									<div>
+										<Typography typo={ITypo.P_ERR_16} color={ITypoColor.RED_FLASH}>
+											{this.state.errorMessage}
+										</Typography>
+									</div>
+								)}
+								{this.state.successMessage && (
+									<div>
+										<Typography typo={ITypo.P_16} color={ITypoColor.GREEN_FLASH}>
+											{this.state.successMessage}
+										</Typography>
+									</div>
+								)}
+							</div>
 
-								<div className={classes["buttons"]}>
-									<Form onSubmit={this.handleSubmit} className={classes["form"]}>
-										<TextField name="EMAIL" placeholder="Email" onChange={this.handleChange} />
-										<div className={classes["buttons-container"]}>
-											<Button fullwidth type="submit" variant={EButtonVariant.WHITE}>
-												Envoyer
-											</Button>
-										</div>
-									</Form>
-								</div>
+							<div className={classes["buttons"]}>
+								<Form onSubmit={this.handleSubmit} className={classes["form"]}>
+									<TextField name="EMAIL" placeholder="Email" onChange={this.handleChange} />
+									<div className={classes["buttons-container"]}>
+										<Button fullwidth type="submit" variant={EButtonVariant.WHITE}>
+											Envoyer
+										</Button>
+									</div>
+								</Form>
 							</div>
 						</div>
-					))}
+					</div>
+				)}
 
 				<div className={classes["container-icon"]}>
 					<div className={classes["newsletter"]}>
diff --git a/src/front/Components/Layouts/Folder/FolderInformation/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
index 73714694..5a5f46d0 100644
--- a/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
+++ b/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
@@ -231,7 +231,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 										<Typography typo={ITypo.P_16}>Cette action sera irréversible.</Typography>
 									</div>
 								</Confirm>
-								<Newsletter />
+								<Newsletter isOpen={false} />
 							</div>
 						) : (
 							<div className={classes["no-folder-selected"]}>