feat: init page, router, layout

2026-08-12 22:15:06 +07:00
parent 593de37987
commit c75e412051
19 changed files with 2163 additions and 378 deletions
@@ -0,0 +1,37 @@
+import PageHeader from '../../components/PageHeader.jsx';
+import StatGrid from '../../components/StatGrid.jsx';
+import { Label, SearchField } from '@heroui/react';
+
+const stats = [
+  { label: 'Khoa hoc dang mo', value: '24' },
+  { label: 'Hoc vien', value: '1,248' },
+  { label: 'Lop trong tuan', value: '18' },
+  { label: 'Ty le hoan thanh', value: '82%' }
+];
+
+function DashboardPage() {
+  return (
+    <>
+      <PageHeader
+        title="Tong quan"
+        description="Theo doi nhanh tinh hinh dao tao va cac chi so LMS."
+      />
+      <div className="mb-3 flex flex-col">
+        <SearchField name="search">
+          <Label>Search</Label>
+
+          <SearchField.Group className="w-[280px]">
+            <SearchField.SearchIcon />
+
+            <SearchField.Input className="flex-1" placeholder="Search..." />
+
+            <SearchField.ClearButton />
+          </SearchField.Group>
+        </SearchField>
+      </div>
+      <StatGrid items={stats} />
+    </>
+  );
+}
+
+export default DashboardPage;