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() {
-
+