✨ new popup

src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx

@@ -31,7 +31,7 @@ export default function SubscriptionFacturation() {
 
 	const { close: closeCancelSubscription, isOpen: isCancelSubscriptionOpen } = useOpenable();
 	const { close: closeConfirmation, isOpen: isConfirmationOpen } = useOpenable();
-
+	const { close: closeConfirmationRemoveSeats, isOpen: isConfirmationRemoveSeatsOpen, open: openConfirmationRemoveSeats } = useOpenable();
 	// const cancelSubscription = useCallback(() => {
 	// 	closeCancelSubscription();
 	// 	openConfirmation();
@@ -160,7 +160,7 @@ export default function SubscriptionFacturation() {
 											href={
 												Module.getInstance().get().modules.pages.Subscription.pages.Manage.pages.Standard.props.path
 											}> */}
-										<Button onClick={manageBilling} fullwidth variant={EButtonVariant.PRIMARY}>
+										<Button onClick={openConfirmationRemoveSeats} fullwidth variant={EButtonVariant.PRIMARY}>
 											Changer de plan
 										</Button>
 										{/* </Link> */}
@@ -294,6 +294,21 @@ export default function SubscriptionFacturation() {
 					</MessageBox>
 				</div>
 			</Confirm>
+
+			<Confirm
+				isOpen={isConfirmationRemoveSeatsOpen}
+				onClose={closeConfirmationRemoveSeats}
+				onAccept={manageBilling}
+				closeBtn
+				confirmText={"Continuer"}
+				cancelText={"Annuler"}>
+				<div className={classes["modal-content"]}>
+					<Typography typo={ITypo.P_16} color={ITypoColor.BLACK}>
+						En cas de suppression de sièges, les derniers comptes ajoutés seront concernés. Vous pouvez réattribuer les sièges
+						que vous avez dans votre page sur la page "Gérer mes attributions”.
+					</Typography>
+				</div>
+			</Confirm>
 		</DefaultTemplate>
 	);
 }