gitscope
/
← marzneshin / dashboard/src/routes/_dashboard/users.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/routes/_dashboard/users.tsx · v0.3.0
Source
1 0ef1346 Mrdn 2y ago import {
2 e5dcd82 Dawsh 2y ago Alert,
3 e5dcd82 Dawsh 2y ago AlertDescription,
4 e5dcd82 Dawsh 2y ago AlertTitle,
5 e5dcd82 Dawsh 2y ago Card,
6 e5dcd82 Dawsh 2y ago CardContent,
7 e5dcd82 Dawsh 2y ago CardFooter,
8 e5dcd82 Dawsh 2y ago CardHeader,
9 e5dcd82 Dawsh 2y ago CardTitle,
10 e5dcd82 Dawsh 2y ago Page,
11 0ef1346 Mrdn 2y ago } from '@marzneshin/components';
12 857e289 Mrdn 2y ago import { useServicesQuery } from '@marzneshin/features/services';
13 857e289 Mrdn 2y ago import { UsersTable } from '@marzneshin/features/users';
14 857e289 Mrdn 2y ago import { ExclamationTriangleIcon } from '@radix-ui/react-icons';
15 857e289 Mrdn 2y ago import { Link, createFileRoute } from '@tanstack/react-router'
16 3b7feef Mrdn 2y ago import { FC } from 'react';
17 3b7feef Mrdn 2y ago import { useTranslation } from 'react-i18next';
18 3b7feef Mrdn 2y ago
19 3b7feef Mrdn 2y ago export const UsersPage: FC = () => {
20 e5dcd82 Dawsh 2y ago const { data } = useServicesQuery({ page: 1, size: 10 });
21 e5dcd82 Dawsh 2y ago const { t } = useTranslation();
22 e5dcd82 Dawsh 2y ago return (
23 e5dcd82 Dawsh 2y ago <Page>
24 e5dcd82 Dawsh 2y ago <Card className="border-0 sm:w-screen md:w-full">
25 e5dcd82 Dawsh 2y ago <CardHeader>
26 e5dcd82 Dawsh 2y ago <CardTitle>
27 e5dcd82 Dawsh 2y ago {t('users')}
28 e5dcd82 Dawsh 2y ago </CardTitle>
29 e5dcd82 Dawsh 2y ago </CardHeader>
30 e5dcd82 Dawsh 2y ago <CardContent>
31 e5dcd82 Dawsh 2y ago <UsersTable />
32 e5dcd82 Dawsh 2y ago </CardContent>
33 e5dcd82 Dawsh 2y ago <CardFooter>
34 e5dcd82 Dawsh 2y ago {(data && data.pageCount === 0) && (
35 e5dcd82 Dawsh 2y ago <Alert>
36 e5dcd82 Dawsh 2y ago <ExclamationTriangleIcon className="mr-2" />
37 e5dcd82 Dawsh 2y ago <AlertTitle className="font-semibold text-primary">{t('page.users.services-alert.title')}</AlertTitle>
38 e5dcd82 Dawsh 2y ago <AlertDescription>
39 e5dcd82 Dawsh 2y ago {t('page.users.services-alert.desc')}
40 e5dcd82 Dawsh 2y ago <Link className="m-1 font-semibold text-secondary-foreground" to="/services">{t('page.nodes.certificate-alert.click')}</Link>
41 e5dcd82 Dawsh 2y ago </AlertDescription>
42 e5dcd82 Dawsh 2y ago </Alert>
43 e5dcd82 Dawsh 2y ago )}
44 e5dcd82 Dawsh 2y ago </CardFooter>
45 e5dcd82 Dawsh 2y ago </Card>
46 e5dcd82 Dawsh 2y ago </Page>
47 e5dcd82 Dawsh 2y ago )
48 3b7feef Mrdn 2y ago };
49 3b7feef Mrdn 2y ago
50 1eb203e Mrdn 2y ago
51 1eb203e Mrdn 2y ago export const Route = createFileRoute('/_dashboard/users')({
52 e5dcd82 Dawsh 2y ago component: () => <UsersPage />
53 3b7feef Mrdn 2y ago })