/* eslint-disable @next/next/no-img-element */ import Head from "next/head"; import Navbar from "@/components/Navbar"; import {BsFileEarmarkText, BsPencil, BsStar, BsBook, BsHeadphones, BsPen, BsMegaphone} from "react-icons/bs"; import {withIronSessionSsr} from "iron-session/next"; import {sessionOptions} from "@/lib/session"; import {useEffect, useState} from "react"; import {averageScore, groupBySession, totalExams} from "@/utils/stats"; import useUser from "@/hooks/useUser"; import Diagnostic from "@/components/Diagnostic"; import {ToastContainer} from "react-toastify"; import {capitalize} from "lodash"; import {Module} from "@/interfaces"; import ProgressBar from "@/components/Low/ProgressBar"; import Layout from "@/components/High/Layout"; import {calculateAverageLevel} from "@/utils/score"; import axios from "axios"; import DemographicInformationInput from "@/components/DemographicInformationInput"; import moment from "moment"; import Link from "next/link"; import {MODULE_ARRAY} from "@/utils/moduleUtils"; import ProfileSummary from "@/components/ProfileSummary"; import StudentDashboard from "@/dashboards/Student"; import AdminDashboard from "@/dashboards/Admin"; import CorporateDashboard from "@/dashboards/Corporate"; import TeacherDashboard from "@/dashboards/Teacher"; import AgentDashboard from "@/dashboards/Agent"; import MasterCorporateDashboard from "@/dashboards/MasterCorporate"; import PaymentDue from "./(status)/PaymentDue"; import {useRouter} from "next/router"; import {PayPalScriptProvider} from "@paypal/react-paypal-js"; import {CorporateUser, MasterCorporateUser, Type, User, userTypes} from "@/interfaces/user"; import Select from "react-select"; import {USER_TYPE_LABELS} from "@/resources/user"; import {checkAccess, getTypesOfUser} from "@/utils/permissions"; import {getUserCorporate} from "@/utils/groups.be"; import {getUsers} from "@/utils/users.be"; export const getServerSideProps = withIronSessionSsr(async ({req, res}) => { const user = req.session.user; const envVariables: {[key: string]: string} = {}; Object.keys(process.env) .filter((x) => x.startsWith("NEXT_PUBLIC")) .forEach((x: string) => { envVariables[x] = process.env[x]!; }); if (!user || !user.isVerified) { return { redirect: { destination: "/login", permanent: false, }, }; } const linkedCorporate = (await getUserCorporate(user.id)) || null; return { props: {user, envVariables, linkedCorporate}, }; }, sessionOptions); interface Props { user: User; envVariables: {[key: string]: string}; linkedCorporate?: CorporateUser | MasterCorporateUser; } export default function Home({linkedCorporate}: Props) { const [showDiagnostics, setShowDiagnostics] = useState(false); const [showDemographicInput, setShowDemographicInput] = useState(false); const [selectedScreen, setSelectedScreen] = useState("admin"); const {user, mutateUser} = useUser({redirectTo: "/login"}); const router = useRouter(); useEffect(() => { if (user) { setShowDemographicInput( !user.demographicInformation || !user.demographicInformation.country || !user.demographicInformation.gender || !user.demographicInformation.phone, ); setShowDiagnostics(user.isFirstLogin && user.type === "student"); } }, [user]); const checkIfUserExpired = () => { const expirationDate = user!.subscriptionExpirationDate; if (expirationDate === null || expirationDate === undefined) return false; if (moment(expirationDate).isAfter(moment(new Date()))) return false; return true; }; if (user && (user.status === "paymentDue" || user.status === "disabled" || checkIfUserExpired())) { return ( <> EnCoach {user.status === "disabled" && (
Your account has been disabled! Please contact an administrator if you believe this to be a mistake.
)} {(user.status === "paymentDue" || checkIfUserExpired()) && } ); } if (user && showDemographicInput) { return ( <> EnCoach ); } if (user && showDiagnostics) { return ( <> EnCoach setShowDiagnostics(false)} /> ); } return ( <> EnCoach {user && ( {checkAccess(user, ["student"]) && } {checkAccess(user, ["teacher"]) && } {checkAccess(user, ["corporate"]) && } {checkAccess(user, ["mastercorporate"]) && } {checkAccess(user, ["agent"]) && } {checkAccess(user, ["admin"]) && } {checkAccess(user, ["developer"]) && ( <>