[incubator-apisix-dashboard] branch master updated: feat(i18n): metrics module (#326)

[ju...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

juzhiyuan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-apisix-dashboard.git


The following commit(s) were added to refs/heads/master by this push:
     new a289aba  feat(i18n): metrics module (#326)
a289aba is described below

commit a289aba02112f630e1feca7320607a6d6148d107
Author: TikWind <65...@users.noreply.github.com>
AuthorDate: Fri Jul 24 20:03:08 2020 +0800

    feat(i18n): metrics module (#326)
    
    * i18n metrics
    
    * combine import
---
 src/locales/zh-CN.ts               | 1 +
 src/pages/Metrics/Metrics.tsx      | 9 +++++----
 src/pages/Metrics/index.ts         | 1 +
 src/pages/Metrics/locales/en-US.ts | 5 +++++
 src/pages/Metrics/locales/zh-CN.ts | 5 +++++
 5 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index c021df8..c862e1b 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -2,6 +2,7 @@ import { PluginFormZhCN } from '@/components/PluginForm';
 
 import { ConsumerZhCN } from '@/pages/Consumer';
 import { RouteZhCN } from '@/pages/Route';
+
 import component from './zh-CN/component';
 import globalHeader from './zh-CN/globalHeader';
 import menu from './zh-CN/menu';
diff --git a/src/pages/Metrics/Metrics.tsx b/src/pages/Metrics/Metrics.tsx
index 60f77a2..b3d8af3 100644
--- a/src/pages/Metrics/Metrics.tsx
+++ b/src/pages/Metrics/Metrics.tsx
@@ -1,12 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { Empty, Button, Card } from 'antd';
-import { history } from 'umi';
+import { history, useIntl } from 'umi';
 
 import { getGrafanaURL } from './service';
 
 const Metrics: React.FC = () => {
   const [grafanaURL, setGrafanaURL] = useState<string | undefined>();
+  const { formatMessage } = useIntl();
 
   useEffect(() => {
     getGrafanaURL().then((url) => {
@@ -15,7 +16,7 @@ const Metrics: React.FC = () => {
   }, []);
 
   return (
-    <PageHeaderWrapper title="监控">
+    <PageHeaderWrapper title={formatMessage({ id: 'metrics.monitor' })}>
       <Card>
         {!grafanaURL && (
           <Empty
@@ -23,7 +24,7 @@ const Metrics: React.FC = () => {
             imageStyle={{
               height: 60,
             }}
-            description={<span>您还未配置 Grafana</span>}
+            description={<span>{formatMessage({ id: 'metrics.grafana.not.config' })}</span>}
           >
             <Button
               type="primary"
@@ -33,7 +34,7 @@ const Metrics: React.FC = () => {
                 });
               }}
             >
-              现在配置
+              {formatMessage({ id: 'metrics.grafana.config' })}
             </Button>
           </Empty>
         )}
diff --git a/src/pages/Metrics/index.ts b/src/pages/Metrics/index.ts
index 8e58802..3185814 100644
--- a/src/pages/Metrics/index.ts
+++ b/src/pages/Metrics/index.ts
@@ -1 +1,2 @@
 export { default } from './Metrics';
+
diff --git a/src/pages/Metrics/locales/en-US.ts b/src/pages/Metrics/locales/en-US.ts
new file mode 100644
index 0000000..e01792c
--- /dev/null
+++ b/src/pages/Metrics/locales/en-US.ts
@@ -0,0 +1,5 @@
+export default {
+  'metrics.monitor': 'Monitor',
+  'metrics.grafana.not.config': 'You have not configured Grafana',
+  'metrics.grafana.config': 'Configure Now',
+};
diff --git a/src/pages/Metrics/locales/zh-CN.ts b/src/pages/Metrics/locales/zh-CN.ts
new file mode 100644
index 0000000..5a9c91b
--- /dev/null
+++ b/src/pages/Metrics/locales/zh-CN.ts
@@ -0,0 +1,5 @@
+export default {
+  'metrics.monitor': '监控',
+  'metrics.grafana.not.config': '您还未配置 Grafana',
+  'metrics.grafana.config': '现在配置',
+};