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

build ok,

Browse Source
This commit is contained in:
louiscklaw
2025-04-14 10:37:14 +08:00
parent d09f4bdbf4
commit d5f1d4e31e
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,7 +17,7 @@ import { Users as UsersIcon } from '@phosphor-icons/react/dist/ssr/Users';
import { Warning as WarningIcon } from '@phosphor-icons/react/dist/ssr/Warning'; import { Warning as WarningIcon } from '@phosphor-icons/react/dist/ssr/Warning';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { config } from '@/config'; // import { config } from '@/config';
import { dayjs } from '@/lib/dayjs'; import { dayjs } from '@/lib/dayjs';
import { AppChat } from '@/components/dashboard/overview/app-chat'; import { AppChat } from '@/components/dashboard/overview/app-chat';
import { AppLimits } from '@/components/dashboard/overview/app-limits'; import { AppLimits } from '@/components/dashboard/overview/app-limits';
@@ -47,23 +47,23 @@ export default function Page(): React.JSX.Element {
<Stack spacing={4}> <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' }}> <Box sx={{ flex: '1 1 auto' }}>
<Typography variant="h4">Overview</Typography> <Typography variant="h4">{t('Overview')}</Typography>
</Box> </Box>
<div> <div>
<Button startIcon={<PlusIcon />} variant="contained"> <Button startIcon={<PlusIcon />} variant="contained">
Dashboard {t('Dashboard')}
</Button> </Button>
</div> </div>
</Stack> </Stack>
<Grid container spacing={4}> <Grid container spacing={4}>
<Grid md={4} xs={12}> <Grid md={4} xs={12}>
<Summary amount={31} diff={15} icon={ListChecksIcon} title="Tickets" trend="up" /> <Summary amount={31} diff={15} icon={ListChecksIcon} title={t('Tickets')} trend="up" />
</Grid> </Grid>
<Grid md={4} xs={12}> <Grid md={4} xs={12}>
<Summary amount={240} diff={5} icon={UsersIcon} title="Sign ups" trend="down" /> <Summary amount={240} diff={5} icon={UsersIcon} title={t('Sign ups')} trend="down" />
</Grid> </Grid>
<Grid md={4} xs={12}> <Grid md={4} xs={12}>
<Summary amount={21} diff={12} icon={WarningIcon} title="Open issues" trend="up" /> <Summary amount={21} diff={12} icon={WarningIcon} title={t('Open issues')} trend="up" />
</Grid> </Grid>
<Grid md={8} xs={12}> <Grid md={8} xs={12}>
<AppUsage <AppUsage
@@ -170,7 +170,7 @@ export default function Page(): React.JSX.Element {
events={[ events={[
{ {
id: 'EV-004', id: 'EV-004',
title: 'Meeting with partners', title: t('Meeting with partners'),
description: '17:00 to 18:00', description: '17:00 to 18:00',
createdAt: dayjs().add(1, 'day').toDate(), createdAt: dayjs().add(1, 'day').toDate(),
}, },
@@ -202,39 +202,39 @@ export default function Page(): React.JSX.Element {
<HelperWidget <HelperWidget
action={ action={
<Button color="secondary" endIcon={<ArrowRightIcon />} size="small"> <Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
Search jobs {t('Search jobs')}
</Button> </Button>
} }
description="Search for jobs that match your skills and apply to them directly." description={t('Search for jobs that match your skills and apply to them directly.')}
icon={BriefcaseIcon} icon={BriefcaseIcon}
label="Jobs" label={t('Jobs')}
title="Find your dream job" title={t('Find your dream job')}
/> />
</Grid> </Grid>
<Grid md={4} xs={12}> <Grid md={4} xs={12}>
<HelperWidget <HelperWidget
action={ action={
<Button color="secondary" endIcon={<ArrowRightIcon />} size="small"> <Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
Help center {t('Help center')}
</Button> </Button>
} }
description="Find answers to your questions and get in touch with our team." description={t('Find answers to your questions and get in touch with our team.')}
icon={InfoIcon} icon={InfoIcon}
label="Help center" label={t('Help center')}
title="Need help figuring things out?" title={t('Need help figuring things out?')}
/> />
</Grid> </Grid>
<Grid md={4} xs={12}> <Grid md={4} xs={12}>
<HelperWidget <HelperWidget
action={ action={
<Button color="secondary" endIcon={<ArrowRightIcon />} size="small"> <Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
Documentation {t('Documentation')}
</Button> </Button>
} }
description="Learn how to get started with our product and make the most of it." description={t('Learn how to get started with our product and make the most of it.')}
icon={FileCodeIcon} icon={FileCodeIcon}
label="Documentation" label={t('Documentation')}
title="Explore documentation" title={t('Explore documentation')}
/> />
</Grid> </Grid>
</Grid> </Grid>