update other pages with russian translation

src/pages/media/create.tsx

@@ -56,7 +56,7 @@ export const MediaCreate = () => {
         <Box display="flex" flexDirection="column-reverse" alignItems="center" gap={6}>
           <Box display="flex" alignItems="center" gap={2}>
             <Button variant="contained" component="label">
-              {selectedFile ? 'Change File' : 'Upload File'}
+              {selectedFile ? 'Изменить файл' : 'Загрузить файл'}
               <input type="file" hidden onChange={handleFileChange} />
             </Button>
 
@@ -76,7 +76,7 @@ export const MediaCreate = () => {
 
         <TextField
           {...register('filename', {
-            required: 'This field is required',
+            required: 'Это поле является обязательным',
           })}
           error={!!(errors as any)?.filename}
           helperText={(errors as any)?.filename?.message}
@@ -84,13 +84,13 @@ export const MediaCreate = () => {
           fullWidth
           InputLabelProps={{shrink: true}}
           type="text"
-          label="File Name"
+          label="Название"
           name="filename"
         />
 
         <TextField
           {...register('media_type', {
-            required: 'This field is required',
+            required: 'Это поле является обязательным',
             valueAsNumber: true,
           })}
           error={!!(errors as any)?.media_type}
@@ -99,7 +99,7 @@ export const MediaCreate = () => {
           fullWidth
           InputLabelProps={{shrink: true}}
           type="number"
-          label="Media Type"
+          label="Тип"
           name="media_type"
         />
       </Box>

src/pages/media/edit.tsx

@@ -44,7 +44,7 @@ export const MediaEdit = () => {
         <Box display="flex" flexDirection="column-reverse" alignItems="center" gap={6}>
           <Box display="flex" alignItems="center" gap={2}>
             <Button variant="contained" component="label">
-              {selectedFile ? 'Change File' : 'Upload File'}
+              {selectedFile ? 'Изменить файл' : 'Загрузить файл'}
               <input type="file" hidden onChange={handleFileChange} />
             </Button>
 
@@ -64,7 +64,7 @@ export const MediaEdit = () => {
 
         <TextField
           {...register('filename', {
-            required: 'This field is required',
+            required: 'Это поле является обязательным',
           })}
           error={!!(errors as any)?.filename}
           helperText={(errors as any)?.filename?.message}
@@ -72,13 +72,13 @@ export const MediaEdit = () => {
           fullWidth
           InputLabelProps={{shrink: true}}
           type="text"
-          label="File Name"
+          label="Название"
           name="filename"
         />
 
         <TextField
           {...register('media_type', {
-            required: 'This field is required',
+            required: 'Это поле является обязательным',
             valueAsNumber: true,
           })}
           error={!!(errors as any)?.media_type}
@@ -87,7 +87,7 @@ export const MediaEdit = () => {
           fullWidth
           InputLabelProps={{shrink: true}}
           type="number"
-          label="Media Type"
+          label="Тип"
           name="media_type"
         />
       </Box>

src/pages/media/list.tsx

@@ -9,7 +9,7 @@ export const MediaList = () => {
     () => [
       {
         field: 'filename',
-        headerName: 'File name',
+        headerName: 'Название',
         type: 'string',
         minWidth: 250,
         display: 'flex',
@@ -18,7 +18,7 @@ export const MediaList = () => {
       },
       {
         field: 'media_type',
-        headerName: 'Media Type',
+        headerName: 'Тип',
         type: 'number',
         minWidth: 150,
         display: 'flex',
@@ -36,7 +36,7 @@ export const MediaList = () => {
       },
       {
         field: 'actions',
-        headerName: 'Actions',
+        headerName: 'Действия',
         align: 'right',
         headerAlign: 'center',
         minWidth: 130,

src/pages/media/show.tsx

@@ -8,31 +8,25 @@ export const MediaShow = () => {
 
   const record = data?.data
 
+  const fields = [
+    {label: 'Название', data: 'filename'},
+    {label: 'Тип', data: 'media_type'},
+    {label: 'ID', data: 'id'},
+  ]
+
   return (
     <Show isLoading={isLoading}>
       <Stack gap={4}>
         {record && <img src={`https://wn.krbl.ru/media/${record?.id}/download`} alt={record?.filename} style={{maxWidth: '100%', height: '40vh', objectFit: 'contain', borderRadius: 8}} />}
 
-        <Stack gap={1}>
-          <Typography variant="body1" fontWeight="bold">
-            {'File name'}
-          </Typography>
-          <TextField value={record?.filename} />
-        </Stack>
-
-        <Stack gap={1}>
-          <Typography variant="body1" fontWeight="bold">
-            {'Media Type'}
-          </Typography>
-          <TextField value={record?.media_type} />
-        </Stack>
-
-        <Stack gap={1}>
-          <Typography variant="body1" fontWeight="bold">
-            {'ID'}
-          </Typography>
-          <TextField value={record?.id} />
-        </Stack>
+        {fields.map(({label, data}) => (
+          <Stack key={data} gap={1}>
+            <Typography variant="body1" fontWeight="bold">
+              {label}
+            </Typography>
+            <TextField value={record?.[data]} />
+          </Stack>
+        ))}
       </Stack>
     </Show>
   )