diff --git a/src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx b/src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx index 261bab7d..87d421cb 100644 --- a/src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx +++ b/src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx @@ -21,6 +21,7 @@ type IProps = { numberOfCollaborators: number; hasNavTab?: boolean; defaultFrequency?: EPaymentFrequency; + disableInputs?: boolean; }; export enum EPaymentFrequency { @@ -72,14 +73,16 @@ export default function SubscribeCheckoutTicket(props: IProps) { name="paymentFrequency" value={EPaymentFrequency.yearly.toString()} onChange={handleFrequencyChange} - defaultChecked={paymentFrequency === EPaymentFrequency.yearly}> + defaultChecked={paymentFrequency === EPaymentFrequency.yearly} + disabled={props.disableInputs}> Annuel + defaultChecked={paymentFrequency === EPaymentFrequency.monthly} + disabled={props.disableInputs}> Mensuel @@ -186,9 +189,11 @@ export default function SubscribeCheckoutTicket(props: IProps) { )} - + {!props.disableInputs && ( + + )} ); diff --git a/src/front/Components/Layouts/Subscription/Components/SubscriptionTicket/classes.module.scss b/src/front/Components/Layouts/Subscription/Components/SubscriptionTicket/classes.module.scss deleted file mode 100644 index a0312271..00000000 --- a/src/front/Components/Layouts/Subscription/Components/SubscriptionTicket/classes.module.scss +++ /dev/null @@ -1,31 +0,0 @@ -.root { - width: 372px; - display: flex; - flex-direction: column; - gap: 40px; - - box-shadow: 0px 8px 10px 0px #00000012; - padding: 24px; - border-radius: 16px; - .top-category { - display: flex; - justify-content: center; - align-items: center; - } - - .category { - display: flex; - flex-direction: column; - gap: 8px; - .line { - display: flex; - justify-content: space-between; - } - } - - .separator { - width: 100%; - height: 2px; - background: var(--grey-medium); - } -} diff --git a/src/front/Components/Layouts/Subscription/Components/SubscriptionTicket/index.tsx b/src/front/Components/Layouts/Subscription/Components/SubscriptionTicket/index.tsx deleted file mode 100644 index 2a940f5c..00000000 --- a/src/front/Components/Layouts/Subscription/Components/SubscriptionTicket/index.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography"; -import classes from "./classes.module.scss"; -import { EForfeitType } from "../../SubscriptionFacturation"; - -type IProps = { - forfeitType: EForfeitType; -}; -export default function SubscriptionTicket(props: IProps) { - return ( -
-
- - Récapitulatif - -
-
- -
- - Forfait standard - -
-
-
-
- - Plan individuel - - - 99 € - -
-
- - 2 collaborateurs - - - 13,98 € - -
-
- - 6,99 € x 2 - -
-
-
-
-
- - Sous-total - - - 112,98 € - -
-
- - FR TVA - - - 14 € - -
-
- - Taxes - - - 14 € - -
-
-
-
-
- - Total - - - 112,98 € - -
-
-
- ); -} diff --git a/src/front/Components/Layouts/Subscription/SubscriptionError/classes.module.scss b/src/front/Components/Layouts/Subscription/SubscriptionError/classes.module.scss index c0508d64..e7d63d20 100644 --- a/src/front/Components/Layouts/Subscription/SubscriptionError/classes.module.scss +++ b/src/front/Components/Layouts/Subscription/SubscriptionError/classes.module.scss @@ -3,7 +3,11 @@ gap: 104px; justify-content: center; + max-width: 1200px; + margin: auto; + .left { + flex: 1; display: flex; flex-direction: column; gap: 32px; diff --git a/src/front/Components/Layouts/Subscription/SubscriptionSuccess/classes.module.scss b/src/front/Components/Layouts/Subscription/SubscriptionSuccess/classes.module.scss index c0508d64..e7d63d20 100644 --- a/src/front/Components/Layouts/Subscription/SubscriptionSuccess/classes.module.scss +++ b/src/front/Components/Layouts/Subscription/SubscriptionSuccess/classes.module.scss @@ -3,7 +3,11 @@ gap: 104px; justify-content: center; + max-width: 1200px; + margin: auto; + .left { + flex: 1; display: flex; flex-direction: column; gap: 32px; diff --git a/src/front/Components/Layouts/Subscription/SubscriptionSuccess/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionSuccess/index.tsx index c9cff7d5..64d70294 100644 --- a/src/front/Components/Layouts/Subscription/SubscriptionSuccess/index.tsx +++ b/src/front/Components/Layouts/Subscription/SubscriptionSuccess/index.tsx @@ -1,6 +1,5 @@ import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; import classes from "./classes.module.scss"; -import SubscriptionTicket from "../Components/SubscriptionTicket"; import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography"; import MessageBox from "@Front/Components/Elements/MessageBox"; import SubscriptionClientInfos from "../Components/SubscriptionClientInfos"; @@ -8,6 +7,7 @@ import Button from "@Front/Components/DesignSystem/Button"; import Link from "next/link"; import Module from "@Front/Config/Module"; import { EForfeitType } from "../SubscriptionFacturation"; +import SubscribeCheckoutTicket, { EPaymentFrequency } from "../Components/SubscribeCheckoutTicket"; export default function SubscriptionSuccess() { return ( @@ -37,7 +37,12 @@ export default function SubscriptionSuccess() {
- +