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-alpha2
Source
1 0ef1346 Mrdn 2y ago import {
2 0ef1346 Mrdn 2y ago Alert,
3 0ef1346 Mrdn 2y ago AlertDescription,
4 0ef1346 Mrdn 2y ago AlertTitle,
5 0ef1346 Mrdn 2y ago Card,
6 0ef1346 Mrdn 2y ago CardContent,
7 0ef1346 Mrdn 2y ago CardFooter,
8 0ef1346 Mrdn 2y ago CardHeader,
9 0ef1346 Mrdn 2y ago CardTitle,
10 0ef1346 Mrdn 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 857e289 Mrdn 2y ago const { data } = useServicesQuery();
21 3b7feef Mrdn 2y ago const { t } = useTranslation();
22 3b7feef Mrdn 2y ago return (
23 0ef1346 Mrdn 2y ago <Page>
24 0ef1346 Mrdn 2y ago <Card >
25 0ef1346 Mrdn 2y ago <CardHeader>
26 0ef1346 Mrdn 2y ago <CardTitle>
27 0ef1346 Mrdn 2y ago {t('users')}
28 0ef1346 Mrdn 2y ago </CardTitle>
29 0ef1346 Mrdn 2y ago </CardHeader>
30 0ef1346 Mrdn 2y ago <CardContent>
31 0ef1346 Mrdn 2y ago <UsersTable />
32 0ef1346 Mrdn 2y ago </CardContent>
33 0ef1346 Mrdn 2y ago <CardFooter>
34 0ef1346 Mrdn 2y ago {(data && data.length === 0) && (
35 0ef1346 Mrdn 2y ago <Alert>
36 0ef1346 Mrdn 2y ago <ExclamationTriangleIcon className="mr-2" />
37 0ef1346 Mrdn 2y ago <AlertTitle className="font-semibold text-primary">{t('page.users.services-alert.title')}</AlertTitle>
38 0ef1346 Mrdn 2y ago <AlertDescription>
39 0ef1346 Mrdn 2y ago {t('page.users.services-alert.desc')}
40 0ef1346 Mrdn 2y ago <Link className="m-1 font-semibold text-secondary-foreground" to="/services">{t('page.nodes.certificate-alert.click')}</Link>
41 0ef1346 Mrdn 2y ago </AlertDescription>
42 0ef1346 Mrdn 2y ago </Alert>
43 0ef1346 Mrdn 2y ago )}
44 0ef1346 Mrdn 2y ago </CardFooter>
45 0ef1346 Mrdn 2y ago </Card>
46 0ef1346 Mrdn 2y ago </Page>
47 3b7feef Mrdn 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 3b7feef Mrdn 2y ago component: () => <UsersPage />
53 3b7feef Mrdn 2y ago })