Created a dashboard for teachers

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

@@ -290,7 +290,13 @@ export default function GroupList({user}: {user: User}) {
 						<CreatePanel
 							group={editingID ? groups.find((x) => x.id === editingID) : undefined}
 							user={user}
-							users={users}
+							users={users.filter(
+								(u) =>
+									groups
+										.filter((g) => g.admin === user.id)
+										.flatMap((g) => g.participants)
+										.includes(u.id) || groups.flatMap((g) => g.participants).includes(u.id),
+							)}
 							onCreate={(group) => {
 								(!editingID ? createGroup : updateGroup)(group).then((result) => {
 									if (result) {

src/pages/index.tsx

@@ -25,6 +25,7 @@ import ProfileSummary from "@/components/ProfileSummary";
 import StudentDashboard from "@/dashboards/Student";
 import OwnerDashboard from "@/dashboards/Owner";
 import CorporateDashboard from "@/dashboards/Corporate";
+import TeacherDashboard from "@/dashboards/Teacher";
 
 export const getServerSideProps = withIronSessionSsr(({req, res}) => {
 	const user = req.session.user;
@@ -163,7 +164,7 @@ export default function Home() {
 			{user && (
 				<Layout user={user}>
 					{user.type === "student" && <StudentDashboard user={user} />}
-					{user.type === "teacher" && <StudentDashboard user={user} />}
+					{user.type === "teacher" && <TeacherDashboard user={user} />}
 					{user.type === "corporate" && <CorporateDashboard user={user} />}
 					{user.type === "owner" && <StudentDashboard user={user} />}
 					{user.type === "developer" && <OwnerDashboard user={user} />}