[DOP-20892] add russian language (#80)

* [DOP-20892] add russian language

* [DOP-20892] fix after review

---------

Co-authored-by: Zabilsya <[email protected]>

Author: Zabilsya

src/app/config/antd/constants.ts

@@ -0,0 +1,6 @@
+import { Language } from '@shared/config';
+
+export const ANTD_LOCALES = {
+  [Language.EN]: () => import('antd/es/locale/en_US'),
+  [Language.RU]: () => import('antd/es/locale/ru_RU'),
+};

src/app/config/antd/index.tsx

@@ -1,11 +1,27 @@
 import { ConfigProvider } from 'antd';
-import React, { PropsWithChildren } from 'react';
+import React, { PropsWithChildren, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Locale } from 'antd/lib/locale-provider';
+import { Language } from '@shared/config';
 
 import { getValidateMessages } from './utils';
+import { ANTD_LOCALES } from './constants';
 
 export const AntdConfigProvider = ({ children }: PropsWithChildren) => {
-  const { t } = useTranslation('error');
+  const { t, i18n } = useTranslation('error');
+  const [locale, setLocale] = useState<Locale>();
 
-  return <ConfigProvider form={{ validateMessages: getValidateMessages(t) }}>{children}</ConfigProvider>;
+  useEffect(() => {
+    const loadLocale = async () => {
+      const localeModule = await ANTD_LOCALES[i18n.language as Language]();
+      setLocale(localeModule.default);
+    };
+    loadLocale();
+  }, [i18n.language]);
+
+  return (
+    <ConfigProvider locale={locale} form={{ validateMessages: getValidateMessages(t) }}>
+      {children}
+    </ConfigProvider>
+  );
 };

src/app/styles/antd.less

@@ -54,3 +54,8 @@
     margin-left: 8px;
   }
 }
+
+.ant-picker-ranges {
+  display: flex;
+  justify-content: space-between;
+}

src/app/styles/variables.less

@@ -22,5 +22,4 @@
 @picker-bg: #f1f3f5;
 @tooltip-bg: #000000;
 
-// custom constants
-@select-transformation-type-width: 180px;
+@line-height-base: 1.5;

src/entities/auth/hooks/useLogout/index.ts

@@ -1,3 +1,4 @@
+import { Language, LANGUAGE_LOCAL_STORAGE_KEY } from '@shared/config';
 import { useQueryClient } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
 
@@ -6,7 +7,9 @@ export const useLogout = () => {
   const queryClient = useQueryClient();
 
   const logout = () => {
+    const language = localStorage.getItem(LANGUAGE_LOCAL_STORAGE_KEY) || Language.EN;
     localStorage.clear();
+    localStorage.setItem(LANGUAGE_LOCAL_STORAGE_KEY, language);
     queryClient.clear();
     navigate('/login');
   };

src/entities/connection/api/types.ts

@@ -200,6 +200,7 @@ export type CreateConnectionRequest = {
 
 export type UpdateConnectionRequest = {
   id: number;
+  group_id: number;
   name: string;
   description: string;
 } & ConnectionData;

src/entities/group/api/hooks/useDeleteGroupUser/index.ts

@@ -17,7 +17,7 @@ export const useDeleteGroupUser = (data: DeleteGroupUserRequest): UseMutationRes
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: [GroupQueryKey.GET_GROUP_USERS, data.groupId] });
       notification.success({
-        message: t('deleteGroupSuccess', { ns: 'group' }),
+        message: t('deleteUserFromGroupSuccess', { ns: 'group' }),
       });
     },
     onError: (error) => {

src/entities/group/ui/GroupWarningAlert/styles.module.less

@@ -1,3 +1,8 @@
 .alert {
-  width: 500px;
+  width: fit-content;
+  padding: 20px 32px 20px 24px !important;
+
+  :global(.ant-alert-message) {
+    font-weight: 700;
+  }
 }

src/entities/run/ui/RunStatusBadge/index.tsx

@@ -1,11 +1,14 @@
 import React, { memo } from 'react';
 import { Badge } from 'antd';
 import { RUN_STATUS_DISPLAY } from '@entities/run';
+import { useTranslation } from 'react-i18next';
 
 import { RunStatusBadgeProps } from './types';
 import { getRunStatusColor } from './utils';
 
 export const RunStatusBadge = memo(({ status }: RunStatusBadgeProps) => {
-  const statusText = RUN_STATUS_DISPLAY[status];
+  const { t } = useTranslation('run');
+  const statusText = t(RUN_STATUS_DISPLAY[status]);
+
   return <Badge count={statusText} status={getRunStatusColor(status)} />;
 });

src/entities/transfer/api/types.ts

@@ -83,7 +83,7 @@ export interface GetTransferRequest {
 
 export interface CreateTransferRequest extends Omit<Transfer, 'id'> {}
 
-export interface UpdateTransferRequest extends Omit<Transfer, 'group_id'> {}
+export interface UpdateTransferRequest extends Transfer {}
 
 export interface DeleteTransferRequest {
   id: number;