From fa3929d5e9164fb6fe1925ca36dfd31d840e9ff4 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Tue, 27 Aug 2024 16:35:34 +0100
Subject: [PATCH] Allow Master Corporate to pay for their subscription

---
 src/pages/(status)/PaymentDue.tsx   | 111 +++++++++++++++-------------
 src/utils/propagate.user.changes.ts |   2 +-
 2 files changed, 60 insertions(+), 53 deletions(-)

diff --git a/src/pages/(status)/PaymentDue.tsx b/src/pages/(status)/PaymentDue.tsx
index b081db1d..c8d90612 100644
--- a/src/pages/(status)/PaymentDue.tsx
+++ b/src/pages/(status)/PaymentDue.tsx
@@ -160,49 +160,54 @@ export default function PaymentDue({user, hasExpired = false, reload}: Props) {
 								</div>
 							</div>
 						)}
-						{!isIndividual() && user.type === "corporate" && user?.corporateInformation.payment && (
-							<div className="flex flex-col items-center">
-								<span className="max-w-lg">
-									To add to your use of EnCoach and that of your students and teachers, please pay your designated package below:
-								</span>
-								<div className={clsx("flex flex-col items-start gap-6 rounded-xl bg-white p-4")}>
-									<div className="mb-2 flex flex-col items-start">
-										<img src="/logo_title.png" alt="EnCoach's Logo" className="w-32" />
-										<span className="text-xl font-semibold">EnCoach - {user.corporateInformation?.monthlyDuration} Months</span>
-									</div>
-									<div className="flex w-full flex-col items-start gap-2">
-										<span className="text-2xl">
-											{user.corporateInformation.payment.value} {user.corporateInformation.payment.currency}
-										</span>
-										<PaymobPayment
-											user={user}
-											setIsPaymentLoading={setIsLoading}
-											currency={user.corporateInformation.payment.currency}
-											price={user.corporateInformation.payment.value}
-											duration={user.corporateInformation.monthlyDuration}
-											duration_unit="months"
-											onSuccess={() => {
-												setIsLoading(false);
-												setTimeout(reload, 500);
-											}}
-										/>
-									</div>
-									<div className="flex flex-col items-start gap-1">
-										<span>This includes:</span>
-										<ul className="flex flex-col items-start text-sm">
-											<li>
-												- Allow a total of {user.corporateInformation.companyInformation.userAmount} students and teachers to
-												use EnCoach
-											</li>
-											<li>- Train their abilities for the IELTS exam</li>
-											<li>- Gain insights into your students&apos; weaknesses and strengths</li>
-											<li>- Allow them to correctly prepare for the exam</li>
-										</ul>
+						{!isIndividual() &&
+							(user?.type === "corporate" || user?.type === "mastercorporate") &&
+							user?.corporateInformation.payment && (
+								<div className="flex flex-col items-center">
+									<span className="max-w-lg">
+										To add to your use of EnCoach and that of your students and teachers, please pay your designated package
+										below:
+									</span>
+									<div className={clsx("flex flex-col items-start gap-6 rounded-xl bg-white p-4")}>
+										<div className="mb-2 flex flex-col items-start">
+											<img src="/logo_title.png" alt="EnCoach's Logo" className="w-32" />
+											<span className="text-xl font-semibold">
+												EnCoach - {user.corporateInformation?.monthlyDuration} Months
+											</span>
+										</div>
+										<div className="flex w-full flex-col items-start gap-2">
+											<span className="text-2xl">
+												{user.corporateInformation.payment.value} {user.corporateInformation.payment.currency}
+											</span>
+											<PaymobPayment
+												user={user}
+												setIsPaymentLoading={setIsLoading}
+												currency={user.corporateInformation.payment.currency}
+												price={user.corporateInformation.payment.value}
+												duration={user.corporateInformation.monthlyDuration}
+												duration_unit="months"
+												onSuccess={() => {
+													setIsLoading(false);
+													setTimeout(reload, 500);
+												}}
+											/>
+										</div>
+										<div className="flex flex-col items-start gap-1">
+											<span>This includes:</span>
+											<ul className="flex flex-col items-start text-sm">
+												<li>
+													- Allow a total of {user.corporateInformation.companyInformation.userAmount} students and teachers
+													to use EnCoach
+												</li>
+												<li>- Train their abilities for the IELTS exam</li>
+												<li>- Gain insights into your students&apos; weaknesses and strengths</li>
+												<li>- Allow them to correctly prepare for the exam</li>
+											</ul>
+										</div>
 									</div>
 								</div>
-							</div>
-						)}
-						{!isIndividual() && user.type !== "corporate" && (
+							)}
+						{!isIndividual() && !(user?.type === "corporate" || user?.type === "mastercorporate") && (
 							<div className="flex flex-col items-center">
 								<span className="max-w-lg">
 									You are not the person in charge of your time credits, please contact your administrator about this situation.
@@ -213,17 +218,19 @@ export default function PaymentDue({user, hasExpired = false, reload}: Props) {
 								</span>
 							</div>
 						)}
-						{!isIndividual() && user.type === "corporate" && !user.corporateInformation.payment && (
-							<div className="flex flex-col items-center">
-								<span className="max-w-lg">
-									An admin nor your agent have yet set the price intended to your requirements in terms of the amount of users you
-									desire and your expected monthly duration.
-								</span>
-								<span className="max-w-lg">
-									Please try again later or contact your agent or an admin, thank you for your patience.
-								</span>
-							</div>
-						)}
+						{!isIndividual() &&
+							(user?.type === "corporate" || user?.type === "mastercorporate") &&
+							!user.corporateInformation.payment && (
+								<div className="flex flex-col items-center">
+									<span className="max-w-lg">
+										An admin nor your agent have yet set the price intended to your requirements in terms of the amount of users
+										you desire and your expected monthly duration.
+									</span>
+									<span className="max-w-lg">
+										Please try again later or contact your agent or an admin, thank you for your patience.
+									</span>
+								</div>
+							)}
 					</div>
 				</Layout>
 			) : (
diff --git a/src/utils/propagate.user.changes.ts b/src/utils/propagate.user.changes.ts
index c0346741..1ec882fe 100644
--- a/src/utils/propagate.user.changes.ts
+++ b/src/utils/propagate.user.changes.ts
@@ -13,7 +13,7 @@ export const propagateStatusChange = (userId: string, status: UserStatus) =>
 				const user = docUser.data() as User;
 
 				// only update the status of the user's groups if the user is a corporate user
-				if (user.type === "corporate") {
+				if (user.type === "corporate" || user.type === "mastercorporate") {
 					getDocs(query(collection(db, "groups"), where("admin", "==", userId))).then(async (userGroupsRef) => {
 						const userGroups = userGroupsRef.docs.map((x) => x.data());