Fixed Checkbox

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}>

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 && (

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"]}>

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"]}>

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"]}>