Dashboard

2026-08-18 11:40:48 +08:00 · 2023-01-03 22:48:21 -06:00
parent 66662d9f7a
commit ba2c4cbc0f
19 changed files with 526 additions and 146 deletions
@@ -0,0 +1,37 @@
+import { Box, useColorMode } from "@chakra-ui/react";
+import Head from "next/head";
+import { Header } from "src/components/Header";
+import { LeaderboardWidget, SideMenu, TaskOption } from "src/components/Widgets";
+import { colors } from "styles/Theme/colors";
+
+const Dashboard = () => {
+  const { colorMode } = useColorMode();
+  return (
+    <>
+      <Head>
+        <title>Dashboard - Open Assistant</title>
+        <meta name="description" content="Chat with Open Assistant and provide feedback." />
+      </Head>
+      <Box backgroundColor={colorMode === "light" ? colors.light.bg : colors.dark.bg} className="sm:overflow-hidden">
+        <Box className="sm:flex h-full gap-6">
+          <Box className="p-6 sm:pr-0">
+            <SideMenu />
+          </Box>
+          <Box className="flex flex-col overflow-auto p-6 sm:pl-0 gap-14">
+            <TaskOption />
+            <LeaderboardWidget />
+          </Box>
+        </Box>
+      </Box>
+    </>
+  );
+};
+
+Dashboard.getLayout = (page) => (
+  <div className="grid grid-rows-[min-content_1fr_min-content] h-full justify-items-stretch">
+    <Header transparent={true} />
+    {page}
+  </div>
+);
+
+export default Dashboard;