gitscope
/
← marzneshin / dashboard/src/features/users/components/dialogs/mutation/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/users/components/dialogs/mutation/index.tsx · v0.5.6
Source
1 d42c6e6 Mardin 2y ago import { type FC, useMemo } from "react";
2 857e289 Mrdn 2y ago import {
3 f035f9d Mardin 2y ago Separator,
4 857e289 Mrdn 2y ago DialogTitle,
5 857e289 Mrdn 2y ago DialogContent,
6 857e289 Mrdn 2y ago Dialog,
7 857e289 Mrdn 2y ago DialogHeader,
8 857e289 Mrdn 2y ago Form,
9 857e289 Mrdn 2y ago Button,
10 f64f3dc Mrdn 2y ago ScrollArea,
11 f64f3dc Mrdn 2y ago VStack,
12 f64f3dc Mrdn 2y ago } from "@marzneshin/components";
13 f64f3dc Mrdn 2y ago import { useTranslation } from "react-i18next";
14 857e289 Mrdn 2y ago import {
15 2e6c8cb Mrdn 2y ago DATA_LIMIT_METRIC,
16 857e289 Mrdn 2y ago useUsersCreationMutation,
17 f64f3dc Mrdn 2y ago useUsersUpdateMutation,
18 d377c4c Dawsh 2y ago UserSchema,
19 afad276 Mardin 2y ago UsernameField,
20 afad276 Mardin 2y ago type UserMutationType,
21 857e289 Mrdn 2y ago } from "@marzneshin/features/users";
22 4708fcb Dawsh 2y ago import { ServicesField } from "@marzneshin/features/services";
23 4708fcb Dawsh 2y ago import { NoteField } from "./fields";
24 afad276 Mardin 2y ago import { type MutationDialogProps, useMutationDialog } from "@marzneshin/hooks";
25 5875753 Mrdn 2y ago import { DataLimitFields, ExpirationMethodFields } from "./sections";
26 857e289 Mrdn 2y ago
27 d42c6e6 Mardin 2y ago export const UsersMutationDialog: FC<MutationDialogProps<UserMutationType>> = ({
28 857e289 Mrdn 2y ago entity,
29 03b3dbc Mardin 2y ago onClose,
30 857e289 Mrdn 2y ago }) => {
31 857e289 Mrdn 2y ago const { t } = useTranslation();
32 afad276 Mardin 2y ago const defaultValue = useMemo(
33 afad276 Mardin 2y ago () => ({
34 afad276 Mardin 2y ago service_ids: [],
35 afad276 Mardin 2y ago username: "",
36 afad276 Mardin 2y ago data_limit_reset_strategy: "no_reset",
37 afad276 Mardin 2y ago note: "",
38 afad276 Mardin 2y ago expire_date: "",
39 afad276 Mardin 2y ago expire_strategy: "fixed_date",
40 afad276 Mardin 2y ago }),
41 afad276 Mardin 2y ago [],
42 afad276 Mardin 2y ago );
43 857e289 Mrdn 2y ago
44 d42c6e6 Mardin 2y ago const { open, onOpenChange, form, handleSubmit } = useMutationDialog({
45 857e289 Mrdn 2y ago entity,
46 d42c6e6 Mardin 2y ago onClose,
47 857e289 Mrdn 2y ago createMutation: useUsersCreationMutation(),
48 857e289 Mrdn 2y ago updateMutation: useUsersUpdateMutation(),
49 857e289 Mrdn 2y ago schema: UserSchema,
50 d42c6e6 Mardin 2y ago defaultValue,
51 f64f3dc Mrdn 2y ago loadFormtter: (d) => ({
52 f64f3dc Mrdn 2y ago ...d,
53 f64f3dc Mrdn 2y ago data_limit: (d.data_limit ? d.data_limit : 0) / DATA_LIMIT_METRIC,
54 f64f3dc Mrdn 2y ago }),
55 f64f3dc Mrdn 2y ago });
56 857e289 Mrdn 2y ago
57 857e289 Mrdn 2y ago return (
58 857e289 Mrdn 2y ago <Dialog open={open} onOpenChange={onOpenChange} defaultOpen={true}>
59 aa14012 Mrdn 2y ago <DialogContent className="min-w-full h-full md:h-auto md:min-w-[42rem]">
60 d377c4c Dawsh 2y ago <ScrollArea className="flex flex-col justify-between h-full ">
61 d377c4c Dawsh 2y ago <DialogHeader className="mb-3">
62 f64f3dc Mrdn 2y ago <DialogTitle className="text-primary">
63 f64f3dc Mrdn 2y ago {entity
64 f64f3dc Mrdn 2y ago ? t("page.users.dialogs.edition.title")
65 f64f3dc Mrdn 2y ago : t("page.users.dialogs.creation.title")}
66 f64f3dc Mrdn 2y ago </DialogTitle>
67 f64f3dc Mrdn 2y ago </DialogHeader>
68 f64f3dc Mrdn 2y ago <Form {...form}>
69 afad276 Mardin 2y ago <form onSubmit={handleSubmit}>
70 f64f3dc Mrdn 2y ago <div className="flex-col grid-cols-2 gap-2 sm:flex md:grid h-full">
71 d377c4c Dawsh 2y ago <div className="space-y-3">
72 f64f3dc Mrdn 2y ago <UsernameField disabled={!!entity?.username} />
73 d377c4c Dawsh 2y ago <Separator />
74 f64f3dc Mrdn 2y ago <DataLimitFields />
75 d377c4c Dawsh 2y ago <Separator />
76 f64f3dc Mrdn 2y ago <ExpirationMethodFields entity={entity} />
77 d377c4c Dawsh 2y ago <Separator />
78 f64f3dc Mrdn 2y ago <NoteField />
79 f64f3dc Mrdn 2y ago </div>
80 f64f3dc Mrdn 2y ago <VStack>
81 f64f3dc Mrdn 2y ago <ServicesField />
82 f64f3dc Mrdn 2y ago </VStack>
83 857e289 Mrdn 2y ago </div>
84 f64f3dc Mrdn 2y ago <Button
85 f64f3dc Mrdn 2y ago className="mt-3 w-full font-semibold"
86 f64f3dc Mrdn 2y ago type="submit"
87 f64f3dc Mrdn 2y ago disabled={form.formState.isSubmitting}
88 f64f3dc Mrdn 2y ago >
89 f64f3dc Mrdn 2y ago {t("submit")}
90 f64f3dc Mrdn 2y ago </Button>
91 f64f3dc Mrdn 2y ago </form>
92 f64f3dc Mrdn 2y ago </Form>
93 f64f3dc Mrdn 2y ago </ScrollArea>
94 857e289 Mrdn 2y ago </DialogContent>
95 857e289 Mrdn 2y ago </Dialog>
96 857e289 Mrdn 2y ago );
97 857e289 Mrdn 2y ago };