feat: add en language

client/src/components/UserEdit.tsx

@@ -1,8 +1,10 @@
 import { Button, Form, Input, Select } from 'antd';
+import { useTranslation } from 'react-i18next';
 
 const { Option } = Select;
 
 export default function UserEdit() {
+  const { t } = useTranslation();
   return (
     <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
       <Form
@@ -21,54 +23,54 @@ export default function UserEdit() {
         style={{ flex: 1, display: 'flex', flexDirection: 'column' }}
       >
         <Form.Item
-          label="Имя"
+          label={t('name')}
           name="name"
-          rules={[{ required: true, message: 'Введите имя' }]}
+          rules={[{ required: true, message: t('nameMessage') }]}
         >
           <Input />
         </Form.Item>
 
         <Form.Item
-          label="Логин"
+          label={t('login')}
           name="login"
-          rules={[{ required: true, message: 'Введите логин' }]}
+          rules={[{ required: true, message: t('loginMessage') }]}
         >
           <Input />
         </Form.Item>
 
         <Form.Item
-          label="Пароль (последний ввод)"
+          label={t('password')}
           name="password"
-          rules={[{ required: true, message: 'Введите пароль' }]}
+          rules={[{ required: true, message: t('passwordMessage') }]}
         >
           <Input.Password />
         </Form.Item>
 
         <Form.Item
-          label="E-mail"
+          label={t('email')}
           name="email"
           rules={[
-            { required: true, message: 'Введите имейл' },
-            { type: 'email', message: 'Некорректный имейл' },
+            { required: true, message: t('emailMessage') },
+            { type: 'email', message: t('emailErrorMessage') },
           ]}
         >
           <Input />
         </Form.Item>
 
         <Form.Item
-          label="Привязка"
+          label={t('tenant')}
           name="tenant"
-          rules={[{ required: true, message: 'Введите привязку' }]}
+          rules={[{ required: true, message: t('tenantMessage') }]}
         >
           <Input />
         </Form.Item>
 
         <Form.Item
-          label="Роль"
+          label={t('role')}
           name="role"
-          rules={[{ required: true, message: 'Выберите роль' }]}
+          rules={[{ required: true, message: t('roleMessage') }]}
         >
-          <Select placeholder="Выберите роль">
+          <Select placeholder={t('roleMessage')}>
             <Option value="Директор магазина">Директор магазина</Option>
             <Option value="Менеджер">Менеджер</Option>
             <Option value="Кассир">Кассир</Option>
@@ -76,11 +78,11 @@ export default function UserEdit() {
         </Form.Item>
 
         <Form.Item
-          label="Статус"
+          label={t('status')}
           name="status"
-          rules={[{ required: true, message: 'Выберите статус' }]}
+          rules={[{ required: true, message: t('statusMessage') }]}
         >
-          <Select placeholder="Выберите статус">
+          <Select placeholder={t('statusMessage')}>
             <Option value="ACTIVE">Активен</Option>
             <Option value="DISABLED">Неактивен</Option>
             <Option value="BLOCKED">Заблокирован</Option>
@@ -102,7 +104,7 @@ export default function UserEdit() {
               alt="save"
               style={{ height: '18px', width: '18px' }}
             />{' '}
-            Сохранить изменения
+            {t('save')}
           </Button>
         </Form.Item>
       </Form>