Added permission to codes

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>