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

✨ fix error page temporarily

Browse Source
This commit is contained in:
Maxime Lalo 2024-04-26 15:48:47 +02:00
parent b38cd95617
commit 30b0cb2d09
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/front/Components/Layouts/Subscription/SubscriptionError/index.tsx
View File

@ -8,12 +8,12 @@ import { useCallback, useEffect, useState } from "react";
import { Subscription } from "le-coffre-resources/dist/Admin"; import { Subscription } from "le-coffre-resources/dist/Admin";
import JwtService from "@Front/Services/JwtService/JwtService"; import JwtService from "@Front/Services/JwtService/JwtService";
import Subscriptions from "@Front/Api/LeCoffreApi/Admin/Subscriptions/Subscriptions"; import Subscriptions from "@Front/Api/LeCoffreApi/Admin/Subscriptions/Subscriptions";
import SubscribeCheckoutTicket, { EPaymentFrequencyFront as EPaymentFrequency } from "../Components/SubscribeCheckoutTicket";
import { EForfeitType } from "../SubscriptionFacturation";
import Stripe from "@Front/Api/LeCoffreApi/Admin/Stripe/Stripe"; import Stripe from "@Front/Api/LeCoffreApi/Admin/Stripe/Stripe";
import Link from "next/link";
import Module from "@Front/Config/Module";
export default function SubscriptionError() { export default function SubscriptionError() {
const [subscription, setSubscription] = useState<Subscription | null>(null); const [_subscription, setSubscription] = useState<Subscription | null>(null);
const [customer, setCustomer] = useState<any | null>(null); const [customer, setCustomer] = useState<any | null>(null);
const loadSubscription = useCallback(async () => { const loadSubscription = useCallback(async () => {
@ -25,7 +25,7 @@ export default function SubscriptionError() {
setCustomer(customer); setCustomer(customer);
}, []); }, []);
const getFrequency = useCallback(() => { /* const getFrequency = useCallback(() => {
if (!subscription) return; if (!subscription) return;
const start = new Date(subscription.start_date); const start = new Date(subscription.start_date);
const end = new Date(subscription.end_date); const end = new Date(subscription.end_date);
@ -33,7 +33,7 @@ export default function SubscriptionError() {
const diffTime = Math.abs(end.getTime() - start.getTime()); const diffTime = Math.abs(end.getTime() - start.getTime());
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
return diffDays >= 365 ? EPaymentFrequency.yearly : EPaymentFrequency.monthly; return diffDays >= 365 ? EPaymentFrequency.yearly : EPaymentFrequency.monthly;
}, [subscription]); }, [subscription]); */
useEffect(() => { useEffect(() => {
loadSubscription(); loadSubscription();
@ -41,7 +41,7 @@ export default function SubscriptionError() {
return ( return (
<DefaultTemplate title="Erreur à la souscription"> <DefaultTemplate title="Erreur à la souscription">
{subscription && customer && ( {customer && (
<div className={classes["root"]}> <div className={classes["root"]}>
<div className={classes["left"]}> <div className={classes["left"]}>
<div className={classes["title"]}> <div className={classes["title"]}>
@ -63,16 +63,18 @@ export default function SubscriptionError() {
<SubscriptionClientInfos customer={customer} /> <SubscriptionClientInfos customer={customer} />
</div> </div>
<div className={classes["separator"]} /> <div className={classes["separator"]} />
<Button>Réessayer le paiement</Button> <Link href={Module.getInstance().get().modules.pages.Subscription.pages.New.props.path}>
<Button>Réessayer</Button>
</Link>
</div> </div>
<div className={classes["right"]}> {/* <div className={classes["right"]}>
<SubscribeCheckoutTicket <SubscribeCheckoutTicket
forfeitType={subscription.type === "STANDARD" ? EForfeitType.standard : EForfeitType.unlimited} forfeitType={subscription.type === "STANDARD" ? EForfeitType.standard : EForfeitType.unlimited}
numberOfCollaborators={subscription.nb_seats ?? 0} numberOfCollaborators={subscription.nb_seats ?? 0}
disableInputs disableInputs
defaultFrequency={getFrequency()} defaultFrequency={getFrequency()}
/> />
</div> </div> */}
</div> </div>
)} )}
</DefaultTemplate> </DefaultTemplate>