fix: Implement i18n for error messages and language persistence - Fixes #678

Signed-off-by: Anshuman ojha <[email protected]>

Author: H-ario-m

src/dashboard/config/config.js

@@ -11,9 +11,9 @@ export default {
   antd: {},
   locale: {
     default: 'en-US',
-    antd: false,
-    title: false,
-    baseNavigator: true,
+    antd: true,
+    title: true,
+    baseNavigator: false,
     baseSeparator: '-',
   },
   pwa: false,

src/dashboard/src/components/SelectLang/index.js

@@ -9,6 +9,7 @@ import styles from './index.less';
 class SelectLang extends PureComponent {
   changeLang = ({ key }) => {
     setLocale(key);
+    localStorage.setItem('umi_locale', key);
   };
 
   render() {

src/dashboard/src/locales/en-US.js

@@ -26,6 +26,29 @@ export default {
   'app.forms.basic.title': 'Basic form',
   'app.forms.basic.description':
     'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
+
+  // Error messages
+  'error.request.200': 'Server successfully returned requested data.',
+  'error.request.201': 'Created or modified data successfully.',
+  'error.request.202': 'A request has entered the background queue.',
+  'error.request.204': 'Data deleted successfully.',
+  'error.request.400': 'Bad request, server did not create or modify data.',
+  'error.request.401': 'User does not have permission (token, username, password error).',
+  'error.request.403': 'User is authorized but access is forbidden.',
+  'error.request.404': 'Request made to non-existent record, server did not operate.',
+  'error.request.406': 'Requested format not available.',
+  'error.request.410': 'Requested resource permanently deleted and will not be available again.',
+  'error.request.422': 'Validation error occurred while creating an object.',
+  'error.request.500': 'Server error, please check server.',
+  'error.request.502': 'Gateway error.',
+  'error.request.503': 'Service unavailable, server temporarily overloaded or maintaining.',
+  'error.request.504': 'Gateway timeout.',
+  'error.network': 'Network error, please check your connection.',
+  'error.login.invalidCredentials': 'Invalid username or password.',
+  'error.login.expired': 'Not logged in or session expired. Please log in again.',
+  'error.register.duplicate': 'Email address or organization name already exists.',
+  'error.request.generic': 'Request error: {status}',
+
   ...exception,
   ...globalHeader,
   ...login,

src/dashboard/src/locales/zh-CN.js

@@ -26,6 +26,29 @@ export default {
   'app.forms.basic.title': '基础表单',
   'app.forms.basic.description':
     '表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。',
+
+  // Error messages
+  'error.request.200': '服务器成功返回请求的数据。',
+  'error.request.201': '新建或修改数据成功。',
+  'error.request.202': '一个请求已经进入后台排队（异步任务）。',
+  'error.request.204': '删除数据成功。',
+  'error.request.400': '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
+  'error.request.401': '用户没有权限（令牌、用户名、密码错误）。',
+  'error.request.403': '用户得到授权，但是访问是被禁止的。',
+  'error.request.404': '发出的请求针对的是不存在的记录，服务器没有进行操作。',
+  'error.request.406': '请求的格式不可得。',
+  'error.request.410': '请求的资源被永久删除，且不会再得到的。',
+  'error.request.422': '当创建一个对象时，发生一个验证错误。',
+  'error.request.500': '服务器发生错误，请检查服务器。',
+  'error.request.502': '网关错误。',
+  'error.request.503': '服务不可用，服务器暂时过载或维护。',
+  'error.request.504': '网关超时。',
+  'error.network': '网络错误，请检查您的网络连接。',
+  'error.login.invalidCredentials': '用户名或密码错误。',
+  'error.login.expired': '未登录或登录已过期，请重新登录。',
+  'error.register.duplicate': '邮箱地址或组织名已存在。',
+  'error.request.generic': '请求错误：{status}',
+
   ...exception,
   ...globalHeader,
   ...login,