diff --git a/src/lib/constants.ts b/src/lib/constants.ts index d43ed3b..493ea9c 100644 --- a/src/lib/constants.ts +++ b/src/lib/constants.ts @@ -4,3 +4,8 @@ export const MEDIA_TYPES = [ {label: 'Фото', value: 1}, {label: 'Видео', value: 2}, ] + +export const VEHICLE_TYPES = [ + {label: 'Трамвай', value: 1}, + {label: 'Троллейбус', value: 2}, +] diff --git a/src/pages/vehicle/create.tsx b/src/pages/vehicle/create.tsx index b42c6fd..567a7cb 100644 --- a/src/pages/vehicle/create.tsx +++ b/src/pages/vehicle/create.tsx @@ -1,8 +1,10 @@ -import {Autocomplete, Box, TextField} from '@mui/material' +import {Autocomplete, Box, TextField, FormControl, InputLabel, Select, MenuItem, Typography} from '@mui/material' import {Create, useAutocomplete} from '@refinedev/mui' import {useForm} from '@refinedev/react-hook-form' import {Controller} from 'react-hook-form' +import {VEHICLE_TYPES} from '../../lib/constants' + export const VehicleCreate = () => { const { saveButtonProps, @@ -30,23 +32,33 @@ export const VehicleCreate = () => { fullWidth InputLabelProps={{shrink: true}} type="number" - label={'Номер рейса'} + label="Номер рейса" name="tail_number" /> - + + + Выберите тип + + {errors.type && ( + + {!!(errors as any)?.message} + + )} + { const { saveButtonProps, @@ -29,28 +31,39 @@ export const VehicleEdit = () => { fullWidth InputLabelProps={{shrink: true}} type="number" - label={'Номер рейса'} + label="Номер рейса" name="tail_number" /> - + + + Выберите тип + + {errors.type && ( + + {!!(errors as any)?.message} + + )} + (