Created the validity dates for discounts

src/pages/(status)/PaymentDue.tsx

@@ -14,6 +14,7 @@ import {useRouter} from "next/router";
 import {ToastContainer} from "react-toastify";
 import useDiscounts from "@/hooks/useDiscounts";
 import PaymobPayment from "@/components/PaymobPayment";
+import moment from "moment";
 
 interface Props {
 	user: User;
@@ -39,7 +40,7 @@ export default function PaymentDue({user, hasExpired = false, clientID, reload}:
 		if (userDiscounts.length === 0) return;
 
 		const biggestDiscount = [...userDiscounts].sort((a, b) => b.percentage - a.percentage).shift();
-		if (!biggestDiscount) return;
+		if (!biggestDiscount || (biggestDiscount.validUntil && moment(biggestDiscount.validUntil).isBefore(moment()))) return;
 
 		setAppliedDiscount(biggestDiscount.percentage);
 	}, [discounts, user]);