louiscklaw/lettersoup-online
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update,

Browse Source
This commit is contained in:
louiscklaw
2025-05-08 14:38:34 +08:00
parent 61c10821b6
commit 7105bc85e3
57 changed files with 2973 additions and 5129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
002_source/cms/src/app/dashboard/page.tsx
View File

@@ -3,7 +3,7 @@
import * as React from 'react';
import GetAllLessonCategoriesCount from '@/db/LessonCategories/GetAllCount';
import GetAllLessonTypesCount from '@/db/LessonTypes/GetAllCount';
import GetAllUsersCount from '@/db/Users/GetAllCount';
import { GetAllUsersCount } from '@/db/Users/GetAllCount';
import Box from '@mui/material/Box';
import Button from '@mui/material/Button';
import Stack from '@mui/material/Stack';
@@ -59,21 +59,37 @@ export default function Page(): React.JSX.Element {
}}
>
<Stack spacing={4}>
<Stack direction={{ xs: 'column', sm: 'row' }} spacing={3} sx={{ alignItems: 'flex-start' }}>
<Stack
direction={{ xs: 'column', sm: 'row' }}
spacing={3}
sx={{ alignItems: 'flex-start' }}
>
<Box sx={{ flex: '1 1 auto' }}>
<Typography variant="h4">{t('Overview')}</Typography>
</Box>
<div>
<Button startIcon={<PlusIcon />} variant="contained">
<Button
startIcon={<PlusIcon />}
variant="contained"
>
{t('Dashboard')}
</Button>
</div>
</Stack>
<Grid container spacing={4}>
<Grid md={4} xs={12}>
<Grid
container
spacing={4}
>
<Grid
md={4}
xs={12}
>
<ActiveUserCount />
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<Summary
amount={lessonCategoriesCount}
diff={15}
@@ -82,7 +98,10 @@ export default function Page(): React.JSX.Element {
trend="up"
/>
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<Summary
amount={lessonTypesCount}
diff={15}
@@ -91,7 +110,10 @@ export default function Page(): React.JSX.Element {
trend="up"
/>
</Grid>
<Grid md={8} xs={12}>
<Grid
md={8}
xs={12}
>
<AppUsage
data={[
{ name: 'Jan', v1: 36, v2: 19 },
@@ -109,22 +131,41 @@ export default function Page(): React.JSX.Element {
]}
/>
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<Subscriptions subscriptions={SamplesubScriptions} />
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<AppChat messages={SampleMessages} />
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<Events events={SampleEvents} />
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<AppLimits usage={80} />
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<HelperWidget
action={
<Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
<Button
color="secondary"
endIcon={<ArrowRightIcon />}
size="small"
>
{t('Search jobs')}
</Button>
}
@@ -134,10 +175,17 @@ export default function Page(): React.JSX.Element {
title={t('Find your dream job')}
/>
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<HelperWidget
action={
<Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
<Button
color="secondary"
endIcon={<ArrowRightIcon />}
size="small"
>
{t('Help center')}
</Button>
}
@@ -147,10 +195,17 @@ export default function Page(): React.JSX.Element {
title={t('Need help figuring things out?')}
/>
</Grid>
<Grid md={4} xs={12}>
<Grid
md={4}
xs={12}
>
<HelperWidget
action={
<Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
<Button
color="secondary"
endIcon={<ArrowRightIcon />}
size="small"
>
{t('Documentation')}
</Button>
}