gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/routes/_dashboard/index.lazy.tsx · v0.7.2
Source
1 7389ad0 Mardin 2y ago import { createLazyFileRoute } from '@tanstack/react-router'
2 7389ad0 Mardin 2y ago import { Page } from '@marzneshin/common/components'
3 7389ad0 Mardin 2y ago import { UsersStatsWidget, useUsersStatsQuery } from '@marzneshin/modules/users'
4 7389ad0 Mardin 2y ago import { TotalTrafficsWidget } from '@marzneshin/features/total-traffic-widget'
5 7389ad0 Mardin 2y ago import { useTranslation } from 'react-i18next'
6 7389ad0 Mardin 2y ago import { FC } from 'react'
7 e5dcd82 Dawsh 2y ago
8 e5dcd82 Dawsh 2y ago export const DashboardPage: FC = () => {
9 7389ad0 Mardin 2y ago const { t } = useTranslation()
10 7389ad0 Mardin 2y ago const { data } = useUsersStatsQuery()
11 44d5623 Mardin 2y ago
12 7389ad0 Mardin 2y ago return (
13 7389ad0 Mardin 2y ago <Page className="flex flex-col gap-4 w-full" title={t('home')}>
14 7389ad0 Mardin 2y ago <div className={`grid grid-cols-1 md:grid-cols-12 gap-4`}>
15 7389ad0 Mardin 2y ago <div className={data.total !== 0 ? 'md:col-span-8' : 'md:col-span-12'}>
16 7389ad0 Mardin 2y ago <TotalTrafficsWidget />
17 7389ad0 Mardin 2y ago </div>
18 6a4fee1 Dawsh 2y ago
19 7389ad0 Mardin 2y ago {data.total !== 0 && (
20 7389ad0 Mardin 2y ago <div className="md:col-span-4">
21 7389ad0 Mardin 2y ago <UsersStatsWidget {...data} />
22 7389ad0 Mardin 2y ago </div>
23 7389ad0 Mardin 2y ago )}
24 7389ad0 Mardin 2y ago </div>
25 7389ad0 Mardin 2y ago </Page>
26 7389ad0 Mardin 2y ago )
27 7389ad0 Mardin 2y ago }
28 e5dcd82 Dawsh 2y ago
29 7389ad0 Mardin 2y ago export const Route = createLazyFileRoute('/_dashboard/')({
30 7389ad0 Mardin 2y ago component: () => <DashboardPage />,
31 4466347 Mrdn 2y ago })