1import { Page, Loading } from '@marzneshin/common/components'
 2import { UsersNoServiceAlert, UsersTable } from '@marzneshin/modules/users'
 3import { createLazyFileRoute, Outlet } from '@tanstack/react-router'
 4import { type FC, Suspense } from 'react'
 5import { useTranslation } from 'react-i18next'
 6
 7export const UsersPage: FC = () => {
 8  const { t } = useTranslation()
 9
10  return (
11    <Page title={t('users')} footer={<UsersNoServiceAlert />}>
12      <UsersTable />
13      <Suspense fallback={<Loading />}>
14        <Outlet />
15      </Suspense>
16    </Page>
17  )
18}
19
20export const Route = createLazyFileRoute('/_dashboard/users')({
21  component: () => <UsersPage />,
22})