Merged in develop (pull request #162)

Implemented limit 5 sessions per User

src/components/Sidebar.tsx

@@ -12,10 +12,6 @@ import {
   BsCurrencyDollar,
   BsClipboardData,
   BsPeople,
-  BsChevronDown,
-  BsChevronUp,
-  BsChatText,
-  BsCardText,
 } from "react-icons/bs";
 import { GoWorkflow } from "react-icons/go";
 import { CiDumbbell } from "react-icons/ci";
@@ -35,7 +31,7 @@ import {
   useAllowedEntities,
   useAllowedEntitiesSomePermissions,
 } from "@/hooks/useEntityPermissions";
-import { useMemo, useState } from "react";
+import { useMemo } from "react";
 import { PermissionType } from "../interfaces/permissions";
 
 interface Props {
@@ -56,7 +52,6 @@ interface NavProps {
   disabled?: boolean;
   isMinimized?: boolean;
   badge?: number;
-  children?: React.ReactNode;
 }
 
 const Nav = ({
@@ -67,16 +62,8 @@ const Nav = ({
   disabled = false,
   isMinimized = false,
   badge,
-  children,
 }: NavProps) => {
-  const [open, setOpen] = useState(false);
   return (
-    <div
-      className={clsx(
-        "flex flex-col gap-2 transition-all duration-300 ease-in-out",
-        open && !isMinimized && "bg-white rounded-xl"
-      )}
-    >
     <Link
       href={!disabled ? keyPath : ""}
       className={clsx(
@@ -102,36 +89,7 @@ const Nav = ({
           {badge}
         </div>
       )}
-        {children && (
-          <button
-            className="flex items-center gap-4 rounded-full p-4 absolute right-0"
-            onClick={(e) => {
-              setOpen((prev) => !prev);
-              e.preventDefault();
-            }}
-          >
-            {open ? (
-              <BsChevronUp
-                size={24}
-                className={clsx(
-                  isMinimized && "hidden",
-                  "transition ease-in-out duration-300"
-                )}
-              />
-            ) : (
-              <BsChevronDown
-                size={24}
-                className={clsx(
-                  isMinimized && "hidden",
-                  "transition ease-in-out duration-300"
-                )}
-              />
-            )}
-          </button>
-        )}
     </Link>
-      {open || isMinimized ? children : null}
-    </div>
   );
 };
 
@@ -367,24 +325,7 @@ export default function Sidebar({
             path={path}
             keyPath="/training"
             isMinimized={isMinimized}
-          >
-            <Nav
-              disabled={disableNavigation}
-              Icon={BsChatText}
-              label="Vocabulary"
-              path={path}
-              keyPath="/training/vocabulary"
-              isMinimized={isMinimized}
           />
-            <Nav
-              disabled={disableNavigation}
-              Icon={BsCardText}
-              label="Grammar"
-              path={path}
-              keyPath="/training/grammar"
-              isMinimized={isMinimized}
-            />
-          </Nav>
         )}
         {sidebarPermissions["viewPaymentRecords"] && (
           <Nav
@@ -483,24 +424,7 @@ export default function Sidebar({
             path={path}
             keyPath="/training"
             isMinimized
-          >
-            <Nav
-              disabled={disableNavigation}
-              Icon={BsChatText}
-              label="Vocabulary"
-              path={path}
-              keyPath="/training/vocabulary"
-              isMinimized
           />
-            <Nav
-              disabled={disableNavigation}
-              Icon={BsCardText}
-              label="Grammar"
-              path={path}
-              keyPath="/training/grammar"
-              isMinimized
-            />
-          </Nav>
         )}
         {sidebarPermissions["viewPaymentRecords"] && (
           <Nav

src/pages/training/grammar.tsx

@@ -1,41 +0,0 @@
-/* eslint-disable @next/next/no-img-element */
-import Head from "next/head";
-import { withIronSessionSsr } from "iron-session/next";
-import { sessionOptions } from "@/lib/session";
-import { User } from "@/interfaces/user";
-import { ToastContainer } from "react-toastify";
-import { shouldRedirectHome } from "@/utils/navigation.disabled";
-import {  redirect, serialize } from "@/utils";
-import { requestUser } from "@/utils/api";
-
-export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
-  const user = await requestUser(req, res);
-  if (!user) return redirect("/login");
-
-  if (shouldRedirectHome(user)) return redirect("/");
-
-  return {
-    props: serialize({ user }),
-  };
-}, sessionOptions);
-
-const Grammar: React.FC<{
-  user: User;
-}> = ({ user }) => {
-  return (
-    <>
-      <Head>
-        <title>Training | EnCoach</title>
-        <meta
-          name="description"
-          content="A training platform for the IELTS exam provided by the Muscat Training Institute and developed by eCrop."
-        />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
-      <ToastContainer />
-    </>
-  );
-};
-
-export default Grammar;

src/pages/training/vocabulary.tsx

@@ -1,41 +0,0 @@
-/* eslint-disable @next/next/no-img-element */
-import Head from "next/head";
-import { withIronSessionSsr } from "iron-session/next";
-import { sessionOptions } from "@/lib/session";
-import { User } from "@/interfaces/user";
-import { ToastContainer } from "react-toastify";
-import { shouldRedirectHome } from "@/utils/navigation.disabled";
-import {  redirect, serialize } from "@/utils";
-import { requestUser } from "@/utils/api";
-
-export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
-  const user = await requestUser(req, res);
-  if (!user) return redirect("/login");
-
-  if (shouldRedirectHome(user)) return redirect("/");
-
-  return {
-    props: serialize({ user }),
-  };
-}, sessionOptions);
-
-const Vocabulary: React.FC<{
-  user: User;
-}> = ({ user }) => {
-  return (
-    <>
-      <Head>
-        <title>Training | EnCoach</title>
-        <meta
-          name="description"
-          content="A training platform for the IELTS exam provided by the Muscat Training Institute and developed by eCrop."
-        />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
-      <ToastContainer />
-    </>
-  );
-};
-
-export default Vocabulary;