From d398fa4c2b5ffac8d855444f5d86fb56771e8015 Mon Sep 17 00:00:00 2001
From: TikWind <65604564+TikWind@users.noreply.github.com>
Date: Fri, 24 Jul 2020 19:57:58 +0800
Subject: [PATCH] feat(i18n): set module (#336)

* i18n set

* change set to setting
---
 src/pages/Setting/Setting.tsx      | 15 +++++++++------
 src/pages/Setting/locales/en-US.ts |  8 ++++++++
 src/pages/Setting/locales/zh-CN.ts |  8 ++++++++
 3 files changed, 25 insertions(+), 6 deletions(-)
 create mode 100644 src/pages/Setting/locales/en-US.ts
 create mode 100644 src/pages/Setting/locales/zh-CN.ts

diff --git a/src/pages/Setting/Setting.tsx b/src/pages/Setting/Setting.tsx
index cf418b9d36..565fe8230d 100644
--- a/src/pages/Setting/Setting.tsx
+++ b/src/pages/Setting/Setting.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react';
 import { PageContainer } from '@ant-design/pro-layout';
 import { Card, Form, Input, Row, Col, notification } from 'antd';
+import { useIntl } from 'umi';
 
 import { setBaseURL, getBaseURL } from '@/helpers';
 import ActionBar from '@/components/ActionBar';
@@ -15,6 +16,8 @@ const Setting: React.FC = () => {
   const isWorkspace = false;
   const canFetchGrafana = (isSuperAdmin && !isWorkspace) || isWorkspace;
 
+  const { formatMessage } = useIntl();
+
   useEffect(() => {
     form.setFieldsValue({
       baseURL: getBaseURL(),
@@ -46,7 +49,7 @@ const Setting: React.FC = () => {
         resolve();
       }),
     ]).then(() => {
-      notification.success({ message: '更新配置成功' });
+      notification.success({ message: formatMessage({ id: 'setting.update.configuration.successfully' }) });
       setTimeout(() => {
         window.location.reload();
       }, 500);
@@ -55,22 +58,22 @@ const Setting: React.FC = () => {
 
   return (
     <>
-      <PageContainer title="设置">
+      <PageContainer title={formatMessage({ id: 'set' })}>
         <Card>
           <Row>
             <Col span={10}>
               <Form form={form} labelCol={{ span: 7 }}>
                 {!isWorkspace && (
-                  <Form.Item label="API 地址" name="baseURL">
+                  <Form.Item label={formatMessage({ id: 'setting.api.address' })} name="baseURL">
                     <Input />
                   </Form.Item>
                 )}
                 {canFetchGrafana && (
                   <Form.Item
-                    label="Grafana 地址"
+                    label={formatMessage({ id: 'setting.grafana.address' })}
                     name="grafanaURL"
-                    extra="Grafana 地址，需以 http 或 https 开头"
-                    rules={[{ pattern: new RegExp(/^https?:\/\//), message: '非法的地址' }]}
+                    extra={formatMessage({ id: 'setting.grafana.address.rule' })}
+                    rules={[{ pattern: new RegExp(/^https?:\/\//), message: formatMessage({ id: 'setting.grafana.address.illegality' }) }]}
                   >
                     <Input />
                   </Form.Item>
diff --git a/src/pages/Setting/locales/en-US.ts b/src/pages/Setting/locales/en-US.ts
new file mode 100644
index 0000000000..71e6630e41
--- /dev/null
+++ b/src/pages/Setting/locales/en-US.ts
@@ -0,0 +1,8 @@
+export default {
+  'setting.update.configuration.successfully': 'Update Configuration Successfully',
+  'setting':'Setting',
+  'setting.api.address':'API Address',
+  'setting.grafana.address':'Grafana Address',
+  'setting.grafana.address.rule':'Grafana address should begin with HTTP or HTTPS',
+  'setting.grafana.address.illegality':'Address is illegality',
+};
diff --git a/src/pages/Setting/locales/zh-CN.ts b/src/pages/Setting/locales/zh-CN.ts
new file mode 100644
index 0000000000..87933caf74
--- /dev/null
+++ b/src/pages/Setting/locales/zh-CN.ts
@@ -0,0 +1,8 @@
+export default {
+  'setting.update.configuration.successfully': '更新配置成功',
+  'setting':'设置',
+  'setting.api.address':'API 地址',
+  'setting.grafana.address':'Grafana 地址',
+  'setting.grafana.address.rule':'Grafana 地址需以 HTTP 或 HTTPS 开头',
+  'setting.grafana.address.illegality':'非法的地址',
+};