4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ update subscription

Browse Source
This commit is contained in:
Maxime Lalo 2024-04-04 15:35:10 +02:00
parent a976216c2d
commit 380ece7ed3
3 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/front/Components/Layouts/Subscription/Components/SubscribeCheckoutTicket/index.tsx
View File

@ -19,6 +19,7 @@ export const collaboratorPrice = 6.99;
type IProps = {
forfeitType: EForfeitType;
numberOfCollaborators: number;
hasNavTab?: boolean;
defaultFrequency?: EPaymentFrequency;
};
@ -29,7 +30,7 @@ export enum EPaymentFrequency {
export default function SubscribeCheckoutTicket(props: IProps) {
const router = useRouter();
const { forfeitType, numberOfCollaborators } = props;
const { forfeitType, numberOfCollaborators, hasNavTab = true } = props;
const [paymentFrequency, setPaymentFrequency] = useState<EPaymentFrequency>(props.defaultFrequency ?? EPaymentFrequency.monthly);
const [multiplier, setMultiplier] = useState<number>(1);
@ -186,7 +187,7 @@ export default function SubscribeCheckoutTicket(props: IProps) {
</div>
</div>
<Button onClick={handleSubmitPayment} fullwidth className={classes["payment-button"]}>
Passer au paiement
{hasNavTab ? "Passer au paiement" : "Mettre à jour l'abonnement"}
</Button>
</div>
</div>

5
src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx
View File

@ -78,12 +78,13 @@ export default function SubscribeIllimityComponent({ hasNavTab = true }: IProps)
</div>
</div>
<div className={classes["right"]}>
<SubscribeCheckoutTicket forfeitType={EForfeitType.unlimited} numberOfCollaborators={1} />
<SubscribeCheckoutTicket forfeitType={EForfeitType.unlimited} numberOfCollaborators={1} hasNavTab={hasNavTab} />
</div>
</div>
</DefaultTemplate>
<Confirm isOpen={isOpen} onClose={close} showCancelButton={false} confirmText={"Passer au paiement"} closeBtn onAccept={close}>
<SubscribeCheckoutTicket
hasNavTab={hasNavTab}
forfeitType={EForfeitType.unlimited}
numberOfCollaborators={1}
defaultFrequency={paymentFrequency}
@ -122,7 +123,7 @@ export default function SubscribeIllimityComponent({ hasNavTab = true }: IProps)
</Button>
</div>
<div className={classes["payment-button"]}>
<Button fullwidth>Passer au paiement</Button>
<Button fullwidth>{hasNavTab ? "Passer au paiement" : "Mettre à jour l'abonnement"}</Button>
</div>
</div>
</>

7
src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx
View File

@ -80,7 +80,11 @@ export default function SubscribeStandardComponent({ hasNavTab = true }: IProps)
</div>
</div>
<div className={classes["right"]}>
<SubscribeCheckoutTicket forfeitType={EForfeitType.standard} numberOfCollaborators={numberOfCollaborators} />
<SubscribeCheckoutTicket
forfeitType={EForfeitType.standard}
numberOfCollaborators={numberOfCollaborators}
hasNavTab={hasNavTab}
/>
</div>
</div>
</DefaultTemplate>
@ -89,6 +93,7 @@ export default function SubscribeStandardComponent({ hasNavTab = true }: IProps)
forfeitType={EForfeitType.standard}
numberOfCollaborators={numberOfCollaborators}
defaultFrequency={paymentFrequency}
hasNavTab={hasNavTab}
/>
</Confirm>
<div className={classes["bottom"]}>