gitscope
/
← marzneshin / app/dashboard/src/pages/users/dialog/data-limit-field.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/data-limit-field.tsx · v0.2.0
Source
1 b366afa Mardin 2y ago import { FormControl, FormLabel } from '@chakra-ui/react';
2 5825ea4 Mardin 2y ago import { Input } from 'components/input';
3 b366afa Mardin 2y ago import { TFunction } from 'i18next';
4 b366afa Mardin 2y ago import { Controller } from 'react-hook-form';
5 b366afa Mardin 2y ago
6 b366afa Mardin 2y ago
7 b366afa Mardin 2y ago interface DataLimitFieldProps {
8 b366afa Mardin 2y ago form: any;
9 b366afa Mardin 2y ago disabled: boolean;
10 bf7c131 Mardin 2y ago t: TFunction<'translation', undefined, 'translation'>;
11 b366afa Mardin 2y ago }
12 b366afa Mardin 2y ago
13 b366afa Mardin 2y ago export const DataLimitField = ({ form, disabled, t }: DataLimitFieldProps) => {
14 bf7c131 Mardin 2y ago return (
15 bf7c131 Mardin 2y ago <FormControl mb={'10px'}>
16 bf7c131 Mardin 2y ago <FormLabel>{t('userDialog.dataLimit')}</FormLabel>
17 bf7c131 Mardin 2y ago <Controller
18 bf7c131 Mardin 2y ago control={form.control}
19 bf7c131 Mardin 2y ago name="data_limit"
20 bf7c131 Mardin 2y ago render={({ field }) => {
21 bf7c131 Mardin 2y ago return (
22 bf7c131 Mardin 2y ago <Input
23 bf7c131 Mardin 2y ago endAdornment="GB"
24 bf7c131 Mardin 2y ago type="number"
25 bf7c131 Mardin 2y ago size="sm"
26 bf7c131 Mardin 2y ago borderRadius="6px"
27 bf7c131 Mardin 2y ago onChange={field.onChange}
28 bf7c131 Mardin 2y ago disabled={disabled}
29 bf7c131 Mardin 2y ago error={
30 bf7c131 Mardin 2y ago form.formState.errors.data_limit?.message
31 bf7c131 Mardin 2y ago }
32 bf7c131 Mardin 2y ago value={field.value ? String(field.value) : ''}
33 b366afa Mardin 2y ago />
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 bedeeff Mardin 2y ago }