diff --git a/src/app/(withAuth)/(dashboardLayout)/dashboard/page.js b/src/app/(withAuth)/(dashboardLayout)/dashboard/page.js
index ed0df92..3178277 100644
--- a/src/app/(withAuth)/(dashboardLayout)/dashboard/page.js
+++ b/src/app/(withAuth)/(dashboardLayout)/dashboard/page.js
@@ -1,9 +1,11 @@
+import DashboardPage from "@/components/dashboard/dashboard";
+
 export const metadata = {
   title: "پیشخوان",
 };
 
 const Page = () => {
-  return <></>;
+  return <DashboardPage />;
 };
 
 export default Page;
diff --git a/src/components/dashboard/dashboard/OnlineUsersReport/index.jsx b/src/components/dashboard/dashboard/OnlineUsersReport/index.jsx
new file mode 100644
index 0000000..ee62cbc
--- /dev/null
+++ b/src/components/dashboard/dashboard/OnlineUsersReport/index.jsx
@@ -0,0 +1,12 @@
+import { useSocket } from "@/lib/contexts/socket";
+import { Stack } from "@mui/material";
+
+const OnlineUsersReport = () => {
+    const { clientsOnline } = useSocket();
+    return (
+        <Stack>
+            clientsOnline: {clientsOnline.length}
+        </Stack>
+    )
+}
+export default OnlineUsersReport;
\ No newline at end of file
diff --git a/src/components/dashboard/dashboard/index.jsx b/src/components/dashboard/dashboard/index.jsx
new file mode 100644
index 0000000..ca6dc5b
--- /dev/null
+++ b/src/components/dashboard/dashboard/index.jsx
@@ -0,0 +1,12 @@
+"use client"
+import { Stack } from "@mui/material";
+import OnlineUsersReport from "./OnlineUsersReport";
+
+const DashboardPage = () => {
+    return (
+        <Stack>
+            <OnlineUsersReport />
+        </Stack>
+    )
+}
+export default DashboardPage;
\ No newline at end of file