gitscope
/
← marzneshin / app/dashboard/src/pages/users/dialog/periodic-usage-reset.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
app/dashboard/src/pages/users/dialog/periodic-usage-reset.tsx · v0.1.2
Source
1 b366afa Mardin 2y ago import { FormControl, FormLabel, Select } from '@chakra-ui/react';
2 bf7c131 Mardin 2y ago import { Controller } from 'react-hook-form';
3 5bb2712 Mardin 2y ago import { resetStrategy } from 'constants/Settings';
4 b366afa Mardin 2y ago import { TFunction } from 'i18next';
5 b366afa Mardin 2y ago
6 b366afa Mardin 2y ago
7 b366afa Mardin 2y ago interface PreiodicUsageResetProps {
8 5bb2712 Mardin 2y ago form: any;
9 5bb2712 Mardin 2y ago t: TFunction<'translation', undefined, 'translation'>;
10 b366afa Mardin 2y ago }
11 b366afa Mardin 2y ago
12 b366afa Mardin 2y ago export const PeriodicUsageReset = ({ form, t }: PreiodicUsageResetProps) => {
13 bf7c131 Mardin 2y ago return (
14 bf7c131 Mardin 2y ago <FormControl height="66px">
15 bf7c131 Mardin 2y ago <FormLabel>
16 bf7c131 Mardin 2y ago {t('userDialog.periodicUsageReset')}
17 bf7c131 Mardin 2y ago </FormLabel>
18 bf7c131 Mardin 2y ago <Controller
19 bf7c131 Mardin 2y ago control={form.control}
20 bf7c131 Mardin 2y ago name="data_limit_reset_strategy"
21 bf7c131 Mardin 2y ago render={({ field }) => {
22 bf7c131 Mardin 2y ago return (
23 bf7c131 Mardin 2y ago <Select size="sm" {...field}>
24 bf7c131 Mardin 2y ago {resetStrategy.map((s) => {
25 bf7c131 Mardin 2y ago return (
26 bf7c131 Mardin 2y ago <option key={s.value} value={s.value}>
27 bf7c131 Mardin 2y ago {t(
28 bf7c131 Mardin 2y ago 'userDialog.resetStrategy' + s.title
29 bf7c131 Mardin 2y ago )}
30 bf7c131 Mardin 2y ago </option>
31 bf7c131 Mardin 2y ago );
32 bf7c131 Mardin 2y ago })}
33 bf7c131 Mardin 2y ago </Select>
34 bf7c131 Mardin 2y ago );
35 bf7c131 Mardin 2y ago }}
36 bf7c131 Mardin 2y ago />
37 bf7c131 Mardin 2y ago </FormControl>
38 bf7c131 Mardin 2y ago )
39 b366afa Mardin 2y ago }