1
 2import { Card, CardContent, CardHeader, CardTitle, Page, VStack } from '@marzneshin/components'
 3import { CertificateWidget } from '@marzneshin/features/settings';
 4import { SubscriptionSettingsWidget } from '@marzneshin/features/subscription-settings';
 5import { createFileRoute } from '@tanstack/react-router';
 6import { useTranslation } from 'react-i18next'
 7import { SudoRoute } from "@marzneshin/features/sudo-routes";
 8
 9export const Settings = () => {
10    const { t } = useTranslation()
11    return (
12        <Page>
13            <Card className="border-0 sm:w-screen md:w-full">
14                <CardHeader>
15                    <CardTitle>
16                        {t('settings')}
17                    </CardTitle>
18                </CardHeader>
19                <CardContent className="sm:flex flex-col lg:grid grid-cols-2 gap-3 h-full">
20                    {/* <ConfigurationWidget /> */}
21                    <VStack className="gap-3">
22                        <SubscriptionSettingsWidget />
23                        <CertificateWidget />
24                    </VStack>
25                </CardContent>
26            </Card>
27        </Page>
28    )
29}
30
31export const Route = createFileRoute('/_dashboard/settings')({
32    component: () => <SudoRoute> <Settings /> </SudoRoute>
33})