Added permission to codes

src/interfaces/permissions.ts

@@ -27,6 +27,7 @@ export const permissions = [
   "viewCountryManager",
   "viewAdmin",
   "viewGroup",
+  "viewCodes",
   // edit data
   "editStudent",
   "editTeacher",
@@ -41,8 +42,10 @@ export const permissions = [
   "deleteCountryManager",
   "deleteAdmin",
   "deleteGroup",
-  // create pages
+  "deleteCodes",
+  // create options
   "createGroup",
+  "createCodes"
 ] as const;
 
 export type PermissionType = (typeof permissions)[keyof typeof permissions];

src/pages/(admin)/BatchCodeGenerator.tsx

@@ -297,7 +297,12 @@ export default function BatchCodeGenerator({ user }: { user: User }) {
           {filesContent.length > 0 ? filesContent[0].name : "Choose a file"}
         </Button>
         {user &&
-          checkAccess(user, ["developer", "admin", "corporate", "mastercorporate"]) && (
+          checkAccess(user, [
+            "developer",
+            "admin",
+            "corporate",
+            "mastercorporate",
+          ]) && (
             <>
               <div className="-md:flex-row -md:items-center flex justify-between gap-2 md:flex-col 2xl:flex-row 2xl:items-center">
                 <label className="text-mti-gray-dim text-base font-normal">
@@ -352,6 +357,11 @@ export default function BatchCodeGenerator({ user }: { user: User }) {
               ))}
           </select>
         )}
+        {checkAccess(
+          user,
+          ["developer", "admin", "corporate", "mastercorporate"],
+          "createCodes"
+        ) && (
           <Button
             onClick={generateAndInvite}
             disabled={
@@ -360,6 +370,7 @@ export default function BatchCodeGenerator({ user }: { user: User }) {
           >
             Generate & Send
           </Button>
+        )}
       </div>
     </>
   );

src/pages/(admin)/CodeGenerator.tsx

@@ -130,8 +130,7 @@ export default function CodeGenerator({ user }: { user: User }) {
             ))}
         </select>
       )}
-      {user &&
-        checkAccess(user, ["developer", "admin", "corporate"]) && (
+      {user && checkAccess(user, ["developer", "admin", "corporate", "mastercorporate"]) && (
         <>
           <div className="-md:flex-row -md:items-center flex justify-between gap-2 md:flex-col 2xl:flex-row 2xl:items-center">
             <label className="text-mti-gray-dim text-base font-normal">
@@ -165,12 +164,14 @@ export default function CodeGenerator({ user }: { user: User }) {
           )}
         </>
       )}
+      {checkAccess(user, ["developer", "admin", "corporate", "mastercorporate"], 'createCodes') && (
         <Button
           onClick={() => generateCode(type)}
           disabled={isExpiryDateEnabled ? !expiryDate : false}
         >
           Generate
         </Button>
+      )}
       <label className="font-normal text-base text-mti-gray-dim">
         Generated Code:
       </label>

src/pages/(admin)/Lists/CodeList.tsx

@@ -19,6 +19,7 @@ import { BsTrash } from "react-icons/bs";
 import { toast } from "react-toastify";
 import ReactDatePicker from "react-datepicker";
 import clsx from "clsx";
+import { checkAccess } from "@/utils/permissions";
 
 const columnHelper = createColumnHelper<Code>();
 
@@ -147,6 +148,12 @@ export default function CodeList({ user }: { user: User }) {
       .finally(reload);
   };
 
+  const allowedToDelete = checkAccess(
+    user,
+    ["developer", "admin", "corporate", "mastercorporate"],
+    "deleteCodes"
+  );
+
   const defaultColumns = [
     columnHelper.accessor("code", {
       id: "codeCheckbox",
@@ -209,7 +216,7 @@ export default function CodeList({ user }: { user: User }) {
       cell: ({ row }: { row: { original: Code } }) => {
         return (
           <div className="flex gap-4">
-            {!row.original.userId && (
+            {allowedToDelete && !row.original.userId && (
               <div
                 data-tip="Delete"
                 className="cursor-pointer tooltip"
@@ -308,6 +315,7 @@ export default function CodeList({ user }: { user: User }) {
             }}
           />
         </div>
+        {allowedToDelete && (
         <div className="flex gap-4 items-center">
           <span>{selectedCodes.length} code(s) selected</span>
           <Button
@@ -320,6 +328,7 @@ export default function CodeList({ user }: { user: User }) {
             Delete
           </Button>
         </div>
+        )}
       </div>
       <table className="rounded-xl bg-mti-purple-ultralight/40 w-full">
         <thead>

src/pages/(admin)/Lists/index.tsx

@@ -7,6 +7,7 @@ import ExamList from "./ExamList";
 import GroupList from "./GroupList";
 import PackageList from "./PackageList";
 import UserList from "./UserList";
+import { checkAccess } from "@/utils/permissions";
 
 export default function Lists({ user }: { user: User }) {
   return (
@@ -20,13 +21,13 @@ export default function Lists({ user }: { user: User }) {
               "transition duration-300 ease-in-out",
               selected
                 ? "bg-white shadow"
-                : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark",
+                : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark"
             )
           }
         >
           User List
         </Tab>
-        {user?.type === "developer" && (
+        {checkAccess(user, ["developer"]) && (
           <Tab
             className={({ selected }) =>
               clsx(
@@ -35,7 +36,7 @@ export default function Lists({ user }: { user: User }) {
                 "transition duration-300 ease-in-out",
                 selected
                   ? "bg-white shadow"
-                  : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark",
+                  : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark"
               )
             }
           >
@@ -50,13 +51,13 @@ export default function Lists({ user }: { user: User }) {
               "transition duration-300 ease-in-out",
               selected
                 ? "bg-white shadow"
-                : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark",
+                : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark"
             )
           }
         >
           Group List
         </Tab>
-        {user && ["developer", "admin", "corporate"].includes(user.type) && (
+        {checkAccess(user, ["developer", "admin", "corporate"]) && (
           <Tab
             className={({ selected }) =>
               clsx(
@@ -65,14 +66,14 @@ export default function Lists({ user }: { user: User }) {
                 "transition duration-300 ease-in-out",
                 selected
                   ? "bg-white shadow"
-                  : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark",
+                  : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark"
               )
             }
           >
             Code List
           </Tab>
         )}
-        {user && ["developer", "admin"].includes(user.type) && (
+        {checkAccess(user, ["developer", "admin"]) && (
           <Tab
             className={({ selected }) =>
               clsx(
@@ -81,14 +82,14 @@ export default function Lists({ user }: { user: User }) {
                 "transition duration-300 ease-in-out",
                 selected
                   ? "bg-white shadow"
-                  : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark",
+                  : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark"
               )
             }
           >
             Package List
           </Tab>
         )}
-        {user && ["developer", "admin"].includes(user.type) && (
+        {checkAccess(user, ["developer", "admin"]) && (
           <Tab
             className={({ selected }) =>
               clsx(
@@ -97,7 +98,7 @@ export default function Lists({ user }: { user: User }) {
                 "transition duration-300 ease-in-out",
                 selected
                   ? "bg-white shadow"
-                  : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark",
+                  : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark"
               )
             }
           >
@@ -109,7 +110,7 @@ export default function Lists({ user }: { user: User }) {
         <Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
           <UserList user={user} />
         </Tab.Panel>
-        {user?.type === "developer" && (
+        {checkAccess(user, ["developer"]) && (
           <Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
             <ExamList user={user} />
           </Tab.Panel>
@@ -117,17 +118,21 @@ export default function Lists({ user }: { user: User }) {
         <Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
           <GroupList user={user} />
         </Tab.Panel>
-        {user && ["developer", "admin", "corporate"].includes(user.type) && (
+        {checkAccess(
+          user,
+          ["developer", "admin", "corporate", "mastercorporate"],
+          "viewCodes"
+        ) && (
           <Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
             <CodeList user={user} />
           </Tab.Panel>
         )}
-        {user && ["developer", "admin"].includes(user.type) && (
+        {checkAccess(user, ["developer", "admin"]) && (
           <Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
             <PackageList user={user} />
           </Tab.Panel>
         )}
-        {user && ["developer", "admin"].includes(user.type) && (
+        {checkAccess(user, ["developer", "admin"]) && (
           <Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
             <DiscountList user={user} />
           </Tab.Panel>

src/pages/settings.tsx

@@ -14,6 +14,7 @@ import BatchCodeGenerator from "./(admin)/BatchCodeGenerator";
 import {shouldRedirectHome} from "@/utils/navigation.disabled";
 import ExamGenerator from "./(admin)/ExamGenerator";
 import BatchCreateUser from "./(admin)/BatchCreateUser";
+import { checkAccess, getTypesOfUser } from "@/utils/permissions";
 
 export const getServerSideProps = withIronSessionSsr(({req, res}) => {
 	const user = req.session.user;
@@ -60,7 +61,7 @@ export default function Admin() {
 					<section className="w-full flex -md:flex-col -xl:gap-2 gap-8 justify-between">
 						<ExamLoader />
 					  <BatchCreateUser user={user} />
-						{user.type !== "teacher" && (
+						{checkAccess(user, getTypesOfUser(["teacher"]), 'viewCodes') && (
 							<>
 							  <CodeGenerator user={user} />
 							  <BatchCodeGenerator user={user} />