38 lines
1002 B
React
38 lines
1002 B
React
|
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;
|