gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/users/dialogs/mutation/sections/expiration-method.tsx · v0.3.0
Source
1 5875753 Mrdn 2y ago import { FC } from "react";
2 5875753 Mrdn 2y ago import {
3 5875753 Mrdn 2y ago Tabs,
4 5875753 Mrdn 2y ago TabsTrigger,
5 5875753 Mrdn 2y ago TabsContent,
6 5875753 Mrdn 2y ago FormLabel
7 5875753 Mrdn 2y ago } from '@marzneshin/components';
8 5875753 Mrdn 2y ago import {
9 5875753 Mrdn 2y ago UserMutationType,
10 5875753 Mrdn 2y ago } from "@marzneshin/features/users";
11 5875753 Mrdn 2y ago import {
12 5875753 Mrdn 2y ago ExpireDateField,
13 5875753 Mrdn 2y ago OnHoldTimeoutField,
14 5875753 Mrdn 2y ago OnHoldExpireDurationField,
15 5875753 Mrdn 2y ago } from "../fields";
16 5875753 Mrdn 2y ago import { TabsList } from "@radix-ui/react-tabs";
17 5875753 Mrdn 2y ago import { useTranslation } from "react-i18next";
18 5875753 Mrdn 2y ago import { useExpirationMethodTabs } from "./use-expiration-method-tabs";
19 5875753 Mrdn 2y ago
20 5875753 Mrdn 2y ago interface ExpirationMethodProps {
21 5875753 Mrdn 2y ago entity: UserMutationType | null
22 5875753 Mrdn 2y ago }
23 5875753 Mrdn 2y ago
24 5875753 Mrdn 2y ago
25 5875753 Mrdn 2y ago export const ExpirationMethodFields: FC<ExpirationMethodProps> = ({ entity }) => {
26 5875753 Mrdn 2y ago const { t } = useTranslation()
27 88321ab Mardin 2y ago const {
28 88321ab Mardin 2y ago setSelectedExpirationMethodTab,
29 88321ab Mardin 2y ago defaultExpirationMethodTab
30 88321ab Mardin 2y ago } = useExpirationMethodTabs({ entity })
31 5875753 Mrdn 2y ago
32 5875753 Mrdn 2y ago return (
33 5875753 Mrdn 2y ago <>
34 5875753 Mrdn 2y ago <FormLabel>
35 5875753 Mrdn 2y ago {t('page.users.expire_method')}
36 5875753 Mrdn 2y ago </FormLabel>
37 88321ab Mardin 2y ago <Tabs
38 88321ab Mardin 2y ago defaultValue={defaultExpirationMethodTab}
39 88321ab Mardin 2y ago onValueChange={setSelectedExpirationMethodTab}
40 88321ab Mardin 2y ago className="mt-2 w-full"
41 88321ab Mardin 2y ago >
42 5875753 Mrdn 2y ago <TabsList className="flex flex-row items-center p-1 w-full rounded-md bg-accent">
43 5875753 Mrdn 2y ago <TabsTrigger
44 5875753 Mrdn 2y ago className="w-full"
45 5875753 Mrdn 2y ago value="determined">
46 5875753 Mrdn 2y ago {t('page.users.determined_expire')}
47 5875753 Mrdn 2y ago </TabsTrigger>
48 5875753 Mrdn 2y ago <TabsTrigger
49 5875753 Mrdn 2y ago className="w-full"
50 5875753 Mrdn 2y ago value="onhold">
51 5875753 Mrdn 2y ago {t('page.users.onhold_expire')}
52 5875753 Mrdn 2y ago </TabsTrigger>
53 5875753 Mrdn 2y ago <TabsTrigger
54 5875753 Mrdn 2y ago className="w-full"
55 5875753 Mrdn 2y ago value="unlimited">
56 5875753 Mrdn 2y ago {t('page.users.unlimited')}
57 5875753 Mrdn 2y ago </TabsTrigger>
58 5875753 Mrdn 2y ago </TabsList>
59 5875753 Mrdn 2y ago <TabsContent value="determined">
60 5875753 Mrdn 2y ago <ExpireDateField />
61 5875753 Mrdn 2y ago </TabsContent>
62 5875753 Mrdn 2y ago <TabsContent value="onhold">
63 5875753 Mrdn 2y ago <OnHoldExpireDurationField />
64 5875753 Mrdn 2y ago <OnHoldTimeoutField />
65 5875753 Mrdn 2y ago </TabsContent>
66 5875753 Mrdn 2y ago </Tabs>
67 5875753 Mrdn 2y ago </>
68 5875753 Mrdn 2y ago )
69 5875753 Mrdn 2y ago }