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