feat(i18n): metrics module

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';

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,15 +16,15 @@ const Metrics: React.FC = () => {
   }, []);
 
   return (
-    <PageHeaderWrapper title="监控">
+    <PageHeaderWrapper title={formatMessage({ id: 'metrics.monitor' })}>
       <Card>
         {!grafanaURL && (
           <Empty
             image="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg"
             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>
         )}

src/pages/Metrics/index.ts

@@ -1 +1,2 @@
 export { default } from './Metrics';
+

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',
+};

src/pages/Metrics/locales/zh-CN.ts

@@ -0,0 +1,5 @@
+export default {
+  'metrics.monitor': '监控',
+  'metrics.grafana.not.config': '您还未配置 Grafana',
+  'metrics.grafana.config': '现在配置',
+};