From 320aedefb173da3a7432d36ebbd736d152a5c612 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Thu, 12 Oct 2023 20:51:09 +0100
Subject: [PATCH] Improved the screen for when a user's subscription has
 expired, or their account was disabled

---
 src/pages/index.tsx | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a706f6d5..7477ab2c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -19,6 +19,7 @@ import {calculateAverageLevel} from "@/utils/score";
 import axios from "axios";
 import DemographicInformationInput from "@/components/DemographicInformationInput";
 import moment from "moment";
+import Link from "next/link";
 
 export const getServerSideProps = withIronSessionSsr(({req, res}) => {
 	const user = req.session.user;
@@ -74,7 +75,32 @@ export default function Home() {
 					<link rel="icon" href="/favicon.ico" />
 				</Head>
 				<Layout user={user} navDisabled>
-					<div className="flex flex-col items-center justify-center text-center"></div>
+					<div className="flex flex-col items-center justify-center text-center w-full gap-4">
+						{user.isDisabled ? (
+							<>
+								<span className="font-bold text-lg">Your account has been disabled!</span>
+								<span>Please contact an administrator if you believe this to be a mistake.</span>
+							</>
+						) : (
+							<>
+								<span className="font-bold text-lg">Your subscription has expired!</span>
+								<div className="flex flex-col items-center">
+									<span>
+										Please purchase a new time pack{" "}
+										<Link
+											className="font-bold text-mti-purple-light underline hover:text-mti-purple-dark transition ease-in-out duration-300"
+											href="https://encoach.com/join">
+											here
+										</Link>
+										.
+									</span>
+									<span className="max-w-md">
+										If you are not the one in charge of your subscription, please contact the one responsible to extend it.
+									</span>
+								</div>
+							</>
+						)}
+					</div>
 				</Layout>
 			</>
 		);