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 = { type IProps = {
forfeitType: EForfeitType; forfeitType: EForfeitType;
numberOfCollaborators: number; numberOfCollaborators: number;
hasNavTab?: boolean;
defaultFrequency?: EPaymentFrequency; defaultFrequency?: EPaymentFrequency;
}; };
@ -29,7 +30,7 @@ export enum EPaymentFrequency {
export default function SubscribeCheckoutTicket(props: IProps) { export default function SubscribeCheckoutTicket(props: IProps) {
const router = useRouter(); const router = useRouter();
const { forfeitType, numberOfCollaborators } = props; const { forfeitType, numberOfCollaborators, hasNavTab = true } = props;
const [paymentFrequency, setPaymentFrequency] = useState<EPaymentFrequency>(props.defaultFrequency ?? EPaymentFrequency.monthly); const [paymentFrequency, setPaymentFrequency] = useState<EPaymentFrequency>(props.defaultFrequency ?? EPaymentFrequency.monthly);
const [multiplier, setMultiplier] = useState<number>(1); const [multiplier, setMultiplier] = useState<number>(1);
@ -186,7 +187,7 @@ export default function SubscribeCheckoutTicket(props: IProps) {
</div> </div>
</div> </div>
<Button onClick={handleSubmitPayment} fullwidth className={classes["payment-button"]}> <Button onClick={handleSubmitPayment} fullwidth className={classes["payment-button"]}>
Passer au paiement {hasNavTab ? "Passer au paiement" : "Mettre à jour l'abonnement"}
</Button> </Button>
</div> </div>
</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> </div>
<div className={classes["right"]}> <div className={classes["right"]}>
<SubscribeCheckoutTicket forfeitType={EForfeitType.unlimited} numberOfCollaborators={1} /> <SubscribeCheckoutTicket forfeitType={EForfeitType.unlimited} numberOfCollaborators={1} hasNavTab={hasNavTab} />
</div> </div>
</div> </div>
</DefaultTemplate> </DefaultTemplate>
<Confirm isOpen={isOpen} onClose={close} showCancelButton={false} confirmText={"Passer au paiement"} closeBtn onAccept={close}> <Confirm isOpen={isOpen} onClose={close} showCancelButton={false} confirmText={"Passer au paiement"} closeBtn onAccept={close}>
<SubscribeCheckoutTicket <SubscribeCheckoutTicket
hasNavTab={hasNavTab}
forfeitType={EForfeitType.unlimited} forfeitType={EForfeitType.unlimited}
numberOfCollaborators={1} numberOfCollaborators={1}
defaultFrequency={paymentFrequency} defaultFrequency={paymentFrequency}
@ -122,7 +123,7 @@ export default function SubscribeIllimityComponent({ hasNavTab = true }: IProps)
</Button> </Button>
</div> </div>
<div className={classes["payment-button"]}> <div className={classes["payment-button"]}>
<Button fullwidth>Passer au paiement</Button> <Button fullwidth>{hasNavTab ? "Passer au paiement" : "Mettre à jour l'abonnement"}</Button>
</div> </div>
</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> </div>
<div className={classes["right"]}> <div className={classes["right"]}>
<SubscribeCheckoutTicket forfeitType={EForfeitType.standard} numberOfCollaborators={numberOfCollaborators} /> <SubscribeCheckoutTicket
forfeitType={EForfeitType.standard}
numberOfCollaborators={numberOfCollaborators}
hasNavTab={hasNavTab}
/>
</div> </div>
</div> </div>
</DefaultTemplate> </DefaultTemplate>
@ -89,6 +93,7 @@ export default function SubscribeStandardComponent({ hasNavTab = true }: IProps)
forfeitType={EForfeitType.standard} forfeitType={EForfeitType.standard}
numberOfCollaborators={numberOfCollaborators} numberOfCollaborators={numberOfCollaborators}
defaultFrequency={paymentFrequency} defaultFrequency={paymentFrequency}
hasNavTab={hasNavTab}
/> />
</Confirm> </Confirm>
<div className={classes["bottom"]}> <div className={classes["bottom"]}>