auth stuff

src/app/(panels)/suite/doctor/dashboard/page.jsx

@@ -0,0 +1,48 @@
+"use client"
+
+import { PatientTable } from "./PatientTable"
+
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import axios from "axios";
+import { useUser } from '@clerk/nextjs';
+
+
+export default function Dashboard() {
+
+    const router = useRouter();
+	const { user } = useUser();
+	const [userData, setUserData] = useState(null);
+
+	useEffect(() => {
+		if (user) {
+			axios.get(`/api/user?userId=${user.id}`).then(response => {
+				setUserData(response.data);
+			});
+		}
+	}, [user]);
+
+	if (userData) {
+        if (userData.role !== "doctor") {
+            router.push("/suite/patient/dashboard");
+        }
+	} else {
+        router.push("/");
+    }
+
+    const patients = [
+        { id: 1, name: "John Doe", age: 30, lastVisit: "2024-10-01" },
+        { id: 2, name: "Jane Smith", age: 25, lastVisit: "2024-09-15" },
+        { id: 3, name: "Sam Johnson", age: 40, lastVisit: "2024-10-05" },
+    ];
+
+    return (
+        <div className="container mx-auto">
+            <h1 className="text-3xl font-semibold mb-6">Dashboard</h1>
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                <PatientTable data={patients} />
+            </div>
+        </div>
+    )
+}
+