1import { Page, Loading } from '@marzneshin/common/components'
 2import { InboundHostsTable } from '@marzneshin/modules/hosts'
 3import { SudoRoute } from '@marzneshin/libs/sudo-routes'
 4import { createLazyFileRoute, Outlet } from '@tanstack/react-router'
 5import { useTranslation } from 'react-i18next'
 6import { Suspense } from 'react'
 7
 8export const HostsPage = () => {
 9  const { t } = useTranslation()
10  return (
11    <Page title={t('hosts')}>
12      <InboundHostsTable />
13      <Suspense fallback={<Loading />}>
14        <Outlet />
15      </Suspense>
16    </Page>
17  )
18}
19
20export const Route = createLazyFileRoute('/_dashboard/hosts')({
21  component: () => (
22    <SudoRoute>
23      <HostsPage />
24    </SudoRoute>
25  ),
26})