Localization for SlackIntegration.jsx

resource/locales/en_US/admin/admin.json

@@ -252,6 +252,10 @@
     "download": "Download",
     "delete": "Delete"
   },
+  "slack_integration": {
+    "access_token": "Access Token",
+    "custom_button_non_proxy_settings": "Custom bot (non-proxy) Settings"
+  },
   "user_management": {
     "invite_users": "Invite new users",
     "click_twice_same_checkbox": "You should check at least one checkbox.",

resource/locales/ja_JP/admin/admin.json

@@ -250,6 +250,10 @@
     "page_skip": "既に GROWI 側に同名のページが存在する場合、そのページはスキップされます",
     "Directory_hierarchy_tag": "ディレクトリ階層タグ"
   },
+  "slack_integration": {
+    "access_token": "アクセストークン",
+    "custom_button_non_proxy_settings": "Custom bot (non-proxy) 設定"
+  },
   "user_management": {
     "invite_users": "新規ユーザーの招待",
     "click_twice_same_checkbox": "少なくとも一つはチェックしてください。",

resource/locales/zh_CN/admin/admin.json

@@ -259,6 +259,10 @@
 		"export_menu": "导出菜单",
 		"download": "下载",
 		"delete": "删除"
+  },
+  "slack_integration": {
+    "access_token": "Access token",
+    "custom_button_non_proxy_settings": "Custom bot (non-proxy) 设置"
   },
 	"user_management": {
 		"invite_users": "邀请新用户",

src/client/js/components/Admin/SlackIntegration/SlackIntegration.jsx

@@ -1,8 +1,7 @@
 import React, { Fragment } from 'react';
-// import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
 
-// import { withUnstatedContainers } from '../../UnstatedUtils';
-// import AppContainer from '../../../services/AppContainer';
 
 import AccessTokenSettings from './AccessTokenSettings';
 import CustomBotNonProxySettings from './CustomBotNonProxySettings';
@@ -10,22 +9,20 @@ import CustomBotNonProxySettings from './CustomBotNonProxySettings';
 class SlackIntegration extends React.Component {
 
   render() {
-    // const { t } = this.props;
+    const { t } = this.props;
 
     return (
       <Fragment>
         <div className="row">
           <div className="col-lg-12">
-            {/* <h2 className="admin-setting-header">{t('Access Token')}</h2> */}
-            <h2 className="admin-setting-header">Access Token</h2>
+            <h2 className="admin-setting-header">{t('admin:slack_integration.access_token')}</h2>
             <AccessTokenSettings />
           </div>
         </div>
 
         <div className="row">
           <div className="col-lg-12">
-            {/* <h2 className="admin-setting-header">{t('Access Token')}</h2> */}
-            <h2 className="admin-setting-header">Custom bot (non-proxy) Settings</h2>
+            <h2 className="admin-setting-header">{t('admin:slack_integration.custom_button_non_proxy_settings')}</h2>
             <CustomBotNonProxySettings />
           </div>
         </div>
@@ -36,12 +33,8 @@ class SlackIntegration extends React.Component {
 
 }
 
-// const SlackIntegrationWrapper = withUnstatedContainers(SlackIntegration, [AppContainer]);
+SlackIntegration.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+};
 
-// SlackIntegration.propTypes = {
-//   t: PropTypes.func.isRequired, // i18next
-//   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
-// slackIntegrationContainer: PropTypes.instanceOf(SlackIntegrationContainer).isRequired,
-// };
-
-export default SlackIntegration;
+export default withTranslation()(SlackIntegration);