🐛 Fixing modal refuse

src/front/Components/DesignSystem/DepositDocument/classes.module.scss

@@ -82,4 +82,10 @@
 	.text {
 		margin-bottom: 12px;
 	}
+}
+
+.modal-content{
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
 }

src/front/Components/DesignSystem/DepositDocument/index.tsx

@@ -65,6 +65,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
 	}
 
 	public override render(): JSX.Element {
+		console.log("Reason in state : ", this.state.refusedReason);
 		return (
 			<div
 				className={classNames(
@@ -138,12 +139,12 @@ export default class DepositDocument extends React.Component<IProps, IState> {
 					onAccept={this.onCloseModalShowRefusedReason}
 					closeBtn
 					header={"Motif du refus"}
-					confirmText={"J’ai compris"}>
+					confirmText={"J'ai compris"}>
 					<div className={classes["modal-content"]}>
 						<Typography typo={ITypo.P_16} className={classes["text"]}>
 							Votre document a été refusé pour la raison suivante :
 						</Typography>
-						<InputField textarea fakeplaceholder={"Description"} value={"this.state.refusedReason"} />
+						<InputField textarea fakeplaceholder={"Description"} defaultValue={this.state.refusedReason} readOnly />
 					</div>
 				</Confirm>
 				;
@@ -200,7 +201,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
 				return (
 					<Typography typo={ITypo.CAPTION_14} color={ITypoColor.RE_HOVER}>
 						Document non conforme
-						{history.refused_reason !== "" && (
+						{history.refused_reason && history.refused_reason.length > 0 && (
 							<Button
 								variant={EButtonVariant.LINE}
 								className={classes["refused-button"]}

src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss

@@ -12,6 +12,10 @@
 		font-weight: 400;
 		font-size: 18px;
 		line-height: 22px;
+
+		&:read-only{
+			cursor: not-allowed;
+		}
 	}
 
 	.input {
@@ -74,7 +78,6 @@
 			&::-webkit-outer-spin-button {
 				-webkit-appearance: none;
 				margin: 0;
-				-moz-appearance: textfield;
 			}
 
 			/* For IE 10+ */

src/front/Components/DesignSystem/Form/Elements/InputField/index.tsx

@@ -51,7 +51,8 @@ export default class InputField extends BaseField<IProps> {
 							className={
 								this.props.className ? [classes["textarea"], classes[this.props.className]].join(" ") : classes["textarea"]
 							}
-							value={value}>
+							value={value}
+							readOnly={this.props.readOnly}>
 							{value.toString()}
 						</textarea>
 						<div className={classes["fake-placeholder"]}>