2024-03-28 16:37:06 +01:00

42 lines
1.5 KiB
TypeScript

import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import classes from "./classes.module.scss";
import SubscriptionTicket from "../SubscriptionTicket";
import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography";
import MessageBox from "@Front/Components/Elements/MessageBox";
import SubscriptionClientInfos from "../SubscriptionClientInfos";
import Button from "@Front/Components/DesignSystem/Button";
export default function SubscriptionError() {
return (
<DefaultTemplate title="Erreur à la souscription" hasHeaderLinks={false}>
<div className={classes["root"]}>
<div className={classes["left"]}>
<div className={classes["title"]}>
<Typography typo={ITypo.H1} color={ITypoColor.BLACK}>
Paiement échoué
</Typography>
</div>
<div className={classes["alert"]}>
<MessageBox type={"error"}>
Votre transaction n'a pas pu être complétée.
<br />
<br />
Malheureusement, nous n'avons pas pu traiter votre paiement et votre abonnement n'a pas é activé. Veuillez
vérifier vos informations de paiement et essayer à nouveau.
</MessageBox>
</div>
<div className={classes["separator"]} />
<div className={classes["client-infos"]}>
<SubscriptionClientInfos />
</div>
<div className={classes["separator"]} />
<Button>Réessayer le paiement</Button>
</div>
<div className={classes["right"]}>
<SubscriptionTicket />
</div>
</div>
</DefaultTemplate>
);
}