From 0052db3dd781fb693c5bc6cb87aa726763a7baf5 Mon Sep 17 00:00:00 2001
From: Vins <vincent.alamelle@smart-chain.fr>
Date: Mon, 29 Jul 2024 14:55:08 +0200
Subject: [PATCH] Fixed Checkbox

---
 .../Layouts/Folder/AddClientToFolder/index.tsx       | 12 ++++++------
 .../Folder/UpdateFolderCollaborators/index.tsx       | 10 ++++------
 .../Components/SubscribeCheckoutTicket/index.tsx     | 10 ++++------
 .../Components/SubscribeIllimityComponent/index.tsx  | 10 ++++------
 .../Components/SubscribeStandardComponent/index.tsx  | 10 ++++------
 5 files changed, 22 insertions(+), 30 deletions(-)

diff --git a/src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx b/src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx
index 143ab839..21cef1ba 100644
--- a/src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx
+++ b/src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx
@@ -190,18 +190,18 @@ export default function AddClientToFolder(props: IProps) {
 									name="client"
 									onChange={onExistingClientSelected}
 									checked={selectedOption === "existing_customer"}
-									value={"existing client"}>
-									<Typography typo={ETypo.TEXT_LG_REGULAR}>Client existant</Typography>
-								</RadioBox>
+									value={"existing client"}
+									label="Client existant"
+								/>
 							)}
 
 							<RadioBox
 								name="client"
 								onChange={onNewClientSelected}
 								checked={selectedOption === "new_customer"}
-								value={"new client"}>
-								<Typography typo={ETypo.TEXT_LG_REGULAR}>Nouveau client</Typography>
-							</RadioBox>
+								value={"new client"}
+								label="Nouveau client"
+							/>
 						</div>
 
 						<Form className={classes["form"]} onSubmit={onFormSubmit}>
diff --git a/src/front/Components/Layouts/Folder/UpdateFolderCollaborators/index.tsx b/src/front/Components/Layouts/Folder/UpdateFolderCollaborators/index.tsx
index cd000302..c095612b 100644
--- a/src/front/Components/Layouts/Folder/UpdateFolderCollaborators/index.tsx
+++ b/src/front/Components/Layouts/Folder/UpdateFolderCollaborators/index.tsx
@@ -145,16 +145,14 @@ export default function UpdateFolderCollaborators() {
 								name="office"
 								value={ERadioBoxValue.ALL}
 								defaultChecked={defaultCheckedAllOffice}
-								onChange={onSelectedOptionAllOffice}>
-								Tout l'office
-							</RadioBox>
+								onChange={onSelectedOptionAllOffice}
+								label="Tout l'office"></RadioBox>
 							<RadioBox
 								name="office"
 								value={ERadioBoxValue.SELECTION}
 								defaultChecked={!defaultCheckedAllOffice}
-								onChange={onSelectedOptionSpecific}>
-								Sélectionner des collaborateurs
-							</RadioBox>
+								onChange={onSelectedOptionSpecific}
+								label="Sélectionner des collaborateurs"></RadioBox>
 						</div>
 
 						{selectedOption === ERadioBoxValue.SELECTION && (
diff --git a/src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx b/src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx
index 0c45cad1..6b775bbc 100644
--- a/src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx
+++ b/src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx
@@ -83,17 +83,15 @@ export default function SubscribeCheckoutTicket(props: IProps) {
 						value={EPaymentFrequencyFront.yearly.toString()}
 						onChange={handleFrequencyChange}
 						defaultChecked={paymentFrequency === EPaymentFrequencyFront.yearly}
-						disabled={props.disableInputs}>
-						<Typography typo={ETypo.TEXT_LG_REGULAR}>Annuel</Typography>
-					</RadioBox>
+						disabled={props.disableInputs}
+						label="Annuel"></RadioBox>
 					<RadioBox
 						name="paymentFrequency"
 						value={EPaymentFrequencyFront.monthly.toString()}
 						onChange={handleFrequencyChange}
 						defaultChecked={paymentFrequency === EPaymentFrequencyFront.monthly}
-						disabled={props.disableInputs}>
-						<Typography typo={ETypo.TEXT_LG_REGULAR}>Mensuel</Typography>
-					</RadioBox>
+						disabled={props.disableInputs}
+						label="Mensuel"></RadioBox>
 				</div>
 				<div className={classes["separator"]} />
 				<div className={classes["container-line"]}>
diff --git a/src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx b/src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx
index 2cf69af2..868f262e 100644
--- a/src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx
+++ b/src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx
@@ -113,16 +113,14 @@ export default function SubscribeIllimityComponent({ hasNavTab = true }: IProps)
 						name="paymentFrequencyInSubscription"
 						value={EPaymentFrequency.yearly.toString()}
 						onChange={handleFrequencyChange}
-						defaultChecked={paymentFrequency === EPaymentFrequency.yearly}>
-						<Typography typo={ETypo.TEXT_LG_REGULAR}>Annuel</Typography>
-					</RadioBox>
+						defaultChecked={paymentFrequency === EPaymentFrequency.yearly}
+						label="Annuel"></RadioBox>
 					<RadioBox
 						name="paymentFrequencyInSubscription"
 						value={EPaymentFrequency.monthly.toString()}
 						onChange={handleFrequencyChange}
-						defaultChecked={paymentFrequency === EPaymentFrequency.monthly}>
-						<Typography typo={ETypo.TEXT_LG_REGULAR}>Mensuel</Typography>
-					</RadioBox>
+						defaultChecked={paymentFrequency === EPaymentFrequency.monthly}
+						label="Mensuel"></RadioBox>
 				</div>
 				<div className={classes["separator"]} />
 				<div className={classes["container-line"]}>
diff --git a/src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx b/src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx
index 5730ac85..e448a954 100644
--- a/src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx
+++ b/src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx
@@ -104,16 +104,14 @@ export default function SubscribeStandardComponent({ hasNavTab = true }: IProps)
 						name="paymentFrequencyInSubscription"
 						value={EPaymentFrequency.yearly.toString()}
 						onChange={handleFrequencyChange}
-						defaultChecked={paymentFrequency === EPaymentFrequency.yearly}>
-						<Typography typo={ETypo.TEXT_LG_REGULAR}>Annuel</Typography>
-					</RadioBox>
+						defaultChecked={paymentFrequency === EPaymentFrequency.yearly}
+						label="Annuel"></RadioBox>
 					<RadioBox
 						name="paymentFrequencyInSubscription"
 						value={EPaymentFrequency.monthly.toString()}
 						onChange={handleFrequencyChange}
-						defaultChecked={paymentFrequency === EPaymentFrequency.monthly}>
-						<Typography typo={ETypo.TEXT_LG_REGULAR}>Mensuel</Typography>
-					</RadioBox>
+						defaultChecked={paymentFrequency === EPaymentFrequency.monthly}
+						label="Mensuel"></RadioBox>
 				</div>
 				<div className={classes["separator"]} />
 				<div className={classes["container-line"]}>