From 30b0cb2d09d8b047bb441d3a9e69e3ccc2a88e83 Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Fri, 26 Apr 2024 15:48:47 +0200
Subject: [PATCH] :sparkles: fix error page temporarily

---
 .../Subscription/SubscriptionError/index.tsx  | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/front/Components/Layouts/Subscription/SubscriptionError/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionError/index.tsx
index b92943c8..c84624c3 100644
--- a/src/front/Components/Layouts/Subscription/SubscriptionError/index.tsx
+++ b/src/front/Components/Layouts/Subscription/SubscriptionError/index.tsx
@@ -8,12 +8,12 @@ import { useCallback, useEffect, useState } from "react";
 import { Subscription } from "le-coffre-resources/dist/Admin";
 import JwtService from "@Front/Services/JwtService/JwtService";
 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 Link from "next/link";
+import Module from "@Front/Config/Module";
 
 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 loadSubscription = useCallback(async () => {
@@ -25,7 +25,7 @@ export default function SubscriptionError() {
 		setCustomer(customer);
 	}, []);
 
-	const getFrequency = useCallback(() => {
+	/* const getFrequency = useCallback(() => {
 		if (!subscription) return;
 		const start = new Date(subscription.start_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 diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
 		return diffDays >= 365 ? EPaymentFrequency.yearly : EPaymentFrequency.monthly;
-	}, [subscription]);
+	}, [subscription]); */
 
 	useEffect(() => {
 		loadSubscription();
@@ -41,7 +41,7 @@ export default function SubscriptionError() {
 
 	return (
 		<DefaultTemplate title="Erreur à la souscription">
-			{subscription && customer && (
+			{customer && (
 				<div className={classes["root"]}>
 					<div className={classes["left"]}>
 						<div className={classes["title"]}>
@@ -63,16 +63,18 @@ export default function SubscriptionError() {
 							<SubscriptionClientInfos customer={customer} />
 						</div>
 						<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 className={classes["right"]}>
+					{/* <div className={classes["right"]}>
 						<SubscribeCheckoutTicket
 							forfeitType={subscription.type === "STANDARD" ? EForfeitType.standard : EForfeitType.unlimited}
 							numberOfCollaborators={subscription.nb_seats ?? 0}
 							disableInputs
 							defaultFrequency={getFrequency()}
 						/>
-					</div>
+					</div> */}
 				</div>
 			)}
 		</DefaultTemplate>