gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/services/dialogs/settings.dialog.tsx · v0.3.0-alpha6
Source
1 3b7feef Mrdn 2y ago import {
2 3b7feef Mrdn 2y ago Sheet,
3 3b7feef Mrdn 2y ago SheetContent,
4 3b7feef Mrdn 2y ago SheetHeader,
5 3b7feef Mrdn 2y ago SheetTitle,
6 3b7feef Mrdn 2y ago Tabs,
7 3b7feef Mrdn 2y ago TabsContent,
8 3b7feef Mrdn 2y ago TabsList,
9 3b7feef Mrdn 2y ago TabsTrigger,
10 3b7feef Mrdn 2y ago } from "@marzneshin/components"
11 3b7feef Mrdn 2y ago import { FC } from "react"
12 3b7feef Mrdn 2y ago import { useTranslation } from "react-i18next"
13 3b7feef Mrdn 2y ago import { ServiceType } from "..";
14 3b7feef Mrdn 2y ago import { ServiceInboundsTable } from "../tables/inbounds";
15 3b7feef Mrdn 2y ago import { ServicesUsersTable } from "../tables/users";
16 3b7feef Mrdn 2y ago
17 3b7feef Mrdn 2y ago interface ServicecSettingsDialogProps {
18 3b7feef Mrdn 2y ago onOpenChange: (state: boolean) => void
19 3b7feef Mrdn 2y ago open: boolean
20 3b7feef Mrdn 2y ago entity: ServiceType | null
21 3b7feef Mrdn 2y ago }
22 3b7feef Mrdn 2y ago
23 3b7feef Mrdn 2y ago export const ServiceSettingsDialog: FC<ServicecSettingsDialogProps> = ({ onOpenChange, open, entity }) => {
24 3b7feef Mrdn 2y ago
25 3b7feef Mrdn 2y ago const { t } = useTranslation();
26 3b7feef Mrdn 2y ago
27 3b7feef Mrdn 2y ago if (entity) {
28 3b7feef Mrdn 2y ago return (
29 3b7feef Mrdn 2y ago <Sheet open={open} onOpenChange={onOpenChange}>
30 3b7feef Mrdn 2y ago <SheetContent className="sm:min-w-full md:min-w-[700px]" >
31 3b7feef Mrdn 2y ago <SheetHeader>
32 3b7feef Mrdn 2y ago <SheetTitle>
33 3b7feef Mrdn 2y ago {t('page.services.settings.title')}
34 3b7feef Mrdn 2y ago </SheetTitle>
35 3b7feef Mrdn 2y ago </SheetHeader>
36 3b7feef Mrdn 2y ago <Tabs className="my-3 w-full h-full" defaultValue="inbounds">
37 3b7feef Mrdn 2y ago <TabsList className="w-full">
38 3b7feef Mrdn 2y ago <TabsTrigger className="w-full" value="inbounds">{t('inbounds')}</TabsTrigger>
39 3b7feef Mrdn 2y ago <TabsTrigger className="w-full" value="users">{t('users')}</TabsTrigger>
40 3b7feef Mrdn 2y ago </TabsList>
41 3b7feef Mrdn 2y ago <TabsContent value="inbounds" className="h-full">
42 3b7feef Mrdn 2y ago <ServiceInboundsTable service={entity} />
43 3b7feef Mrdn 2y ago </TabsContent>
44 3b7feef Mrdn 2y ago <TabsContent value="users" className="h-full">
45 3b7feef Mrdn 2y ago <ServicesUsersTable service={entity} />
46 3b7feef Mrdn 2y ago </TabsContent>
47 3b7feef Mrdn 2y ago </Tabs>
48 3b7feef Mrdn 2y ago </SheetContent>
49 3b7feef Mrdn 2y ago </Sheet>
50 3b7feef Mrdn 2y ago )
51 3b7feef Mrdn 2y ago }
52 3b7feef Mrdn 2y ago }