add new props for /carrier route

src/pages/carrier/edit.tsx

@@ -22,6 +22,17 @@ export const CarrierEdit = () => {
     ],
   })
 
+  const {autocompleteProps: mediaAutocompleteProps} = useAutocomplete({
+    resource: 'media',
+    onSearch: (value) => [
+      {
+        field: 'filename',
+        operator: 'contains',
+        value,
+      },
+    ],
+  })
+
   return (
     <Edit saveButtonProps={saveButtonProps}>
       <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
@@ -78,6 +89,111 @@ export const CarrierEdit = () => {
           label={'Короткое имя'}
           name="short_name"
         />
+
+        <TextField
+          {...register('main_color', {
+            required: 'Это поле является обязательным',
+          })}
+          error={!!(errors as any)?.main_color}
+          helperText={(errors as any)?.main_color?.message}
+          margin="normal"
+          fullWidth
+          InputLabelProps={{shrink: true}}
+          type="color"
+          label={'Основной цвет'}
+          name="main_color"
+          sx={{
+            '& input': {
+              height: '50px',
+              paddingBlock: '14px',
+              paddingInline: '14px',
+              cursor: 'pointer',
+            },
+          }}
+        />
+
+        <TextField
+          {...register('left_color', {
+            required: 'Это поле является обязательным',
+          })}
+          error={!!(errors as any)?.left_color}
+          helperText={(errors as any)?.left_color?.message}
+          margin="normal"
+          fullWidth
+          InputLabelProps={{shrink: true}}
+          type="color"
+          label={'Цвет левого виджета'}
+          name="left_color"
+          sx={{
+            '& input': {
+              height: '50px',
+              paddingBlock: '14px',
+              paddingInline: '14px',
+              cursor: 'pointer',
+            },
+          }}
+        />
+        <TextField
+          {...register('right_color', {
+            required: 'Это поле является обязательным',
+          })}
+          error={!!(errors as any)?.right_color}
+          helperText={(errors as any)?.right_color?.message}
+          margin="normal"
+          fullWidth
+          InputLabelProps={{shrink: true}}
+          type="color"
+          label={'Цвет правого виджета'}
+          name="right_color"
+          sx={{
+            '& input': {
+              height: '50px',
+              paddingBlock: '14px',
+              paddingInline: '14px',
+              cursor: 'pointer',
+            },
+          }}
+        />
+
+        <TextField
+          {...register('slogan', {
+            required: 'Это поле является обязательным',
+          })}
+          error={!!(errors as any)?.slogan}
+          helperText={(errors as any)?.slogan?.message}
+          margin="normal"
+          fullWidth
+          InputLabelProps={{shrink: true}}
+          type="text"
+          label={'Слоган'}
+          name="slogan"
+        />
+
+        <Controller
+          control={control}
+          name="logo"
+          rules={{required: 'Это поле является обязательным'}}
+          defaultValue={null}
+          render={({field}) => (
+            <Autocomplete
+              {...mediaAutocompleteProps}
+              value={mediaAutocompleteProps.options.find((option) => option.id === field.value) || null}
+              onChange={(_, value) => {
+                field.onChange(value?.id || '')
+              }}
+              getOptionLabel={(item) => {
+                return item ? item.filename : ''
+              }}
+              isOptionEqualToValue={(option, value) => {
+                return option.id === value?.id
+              }}
+              filterOptions={(options, {inputValue}) => {
+                return options.filter((option) => option.filename.toLowerCase().includes(inputValue.toLowerCase()))
+              }}
+              renderInput={(params) => <TextField {...params} label="Выберите логотип" margin="normal" variant="outlined" error={!!errors.logo} helperText={(errors as any)?.logo?.message} required />}
+            />
+          )}
+        />
       </Box>
     </Edit>
   )