gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/users/dialogs/mutation/sections/expiration-method.tsx · v0.3.0-alpha11
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 5875753 Mrdn 2y ago const { setSelectedExpirationMethodTab, defaultExpirationMethodTab } = useExpirationMethodTabs({ entity })
28 5875753 Mrdn 2y ago
29 5875753 Mrdn 2y ago return (
30 5875753 Mrdn 2y ago <>
31 5875753 Mrdn 2y ago <FormLabel>
32 5875753 Mrdn 2y ago {t('page.users.expire_method')}
33 5875753 Mrdn 2y ago </FormLabel>
34 5875753 Mrdn 2y ago <Tabs defaultValue={defaultExpirationMethodTab} onValueChange={setSelectedExpirationMethodTab} className="mt-2 w-full">
35 5875753 Mrdn 2y ago <TabsList className="flex flex-row items-center p-1 w-full rounded-md bg-accent">
36 5875753 Mrdn 2y ago <TabsTrigger
37 5875753 Mrdn 2y ago className="w-full"
38 5875753 Mrdn 2y ago value="determined">
39 5875753 Mrdn 2y ago {t('page.users.determined_expire')}
40 5875753 Mrdn 2y ago </TabsTrigger>
41 5875753 Mrdn 2y ago <TabsTrigger
42 5875753 Mrdn 2y ago className="w-full"
43 5875753 Mrdn 2y ago value="onhold">
44 5875753 Mrdn 2y ago {t('page.users.onhold_expire')}
45 5875753 Mrdn 2y ago </TabsTrigger>
46 5875753 Mrdn 2y ago <TabsTrigger
47 5875753 Mrdn 2y ago className="w-full"
48 5875753 Mrdn 2y ago value="unlimited">
49 5875753 Mrdn 2y ago {t('page.users.unlimited')}
50 5875753 Mrdn 2y ago </TabsTrigger>
51 5875753 Mrdn 2y ago </TabsList>
52 5875753 Mrdn 2y ago <TabsContent value="determined">
53 5875753 Mrdn 2y ago <ExpireDateField />
54 5875753 Mrdn 2y ago </TabsContent>
55 5875753 Mrdn 2y ago <TabsContent value="onhold">
56 5875753 Mrdn 2y ago <OnHoldExpireDurationField />
57 5875753 Mrdn 2y ago <OnHoldTimeoutField />
58 5875753 Mrdn 2y ago </TabsContent>
59 5875753 Mrdn 2y ago </Tabs>
60 5875753 Mrdn 2y ago </>
61 5875753 Mrdn 2y ago )
62 5875753 Mrdn 2y ago }