Added group permissions

src/dashboards/Teacher.tsx

@@ -46,6 +46,7 @@ import ProgressBar from "@/components/Low/ProgressBar";
 import AssignmentCreator from "./AssignmentCreator";
 import AssignmentView from "./AssignmentView";
 import { getUserCorporate } from "@/utils/groups";
+import { checkAccess } from "@/utils/permissions";
 
 interface Props {
   user: User;
@@ -373,13 +374,15 @@ export default function TeacherDashboard({ user }: Props) {
           ).toFixed(1)}
           color="purple"
         />
-        <IconCard
-          Icon={BsPeople}
-          label="Groups"
-          value={groups.length}
-          color="purple"
-          onClick={() => setPage("groups")}
-        />
+        {checkAccess(user, ["teacher", "developer"], "viewGroup") && (
+          <IconCard
+            Icon={BsPeople}
+            label="Groups"
+            value={groups.length}
+            color="purple"
+            onClick={() => setPage("groups")}
+          />
+        )}
         <div
           onClick={() => setPage("assignments")}
           className="bg-white rounded-xl shadow p-4 flex flex-col gap-4 items-center w-96 h-52 justify-center cursor-pointer hover:shadow-xl transition ease-in-out duration-300"