changed to snake case

resource/locales/en_US/translation.json

@@ -109,7 +109,7 @@
   "Markdown Settings": "Markdown Settings",
   "Customize": "Customize",
   "Notification Settings": "Notification Settings",
-  "Slack_Integration": "Slack Integration",
+  "slack_integration": "Slack Integration",
   "External_Notification": "External Notification",
   "Legacy_External_Notification": "Legacy External Notification",
   "User_Management": "User Management",

resource/locales/ja_JP/translation.json

@@ -110,7 +110,7 @@
   "Markdown Settings": "マークダウン設定",
   "Customize": "カスタマイズ",
   "Notification Settings": "通知設定",
-  "Slack_Integration": "Slack連携",
+  "slack_integration": "Slack連携",
   "External_Notification": "外部ツールへの通知",
   "Legacy_External_Notification": "外部ツールへの通知 (レガシー)",
   "User_Management": "ユーザー管理",

resource/locales/zh_CN/translation.json

@@ -118,7 +118,7 @@
 	"Markdown Settings": "Markdown设置",
 	"Customize": "页面定制",
 	"Notification Settings": "通知设置",
-  "Slack_Integration": "Slack一体化",
+  "slack_integration": "Slack一体化",
   "External_Notification": "外部通知",
   "Legacy_External_Notification": "旧版外部通知",
 	"User_Management": "用户管理",

src/client/js/components/Admin/Common/AdminNavigation.jsx

@@ -23,7 +23,7 @@ const AdminNavigation = (props) => {
       case 'notification':      return <><i className="icon-fw icon-bell"></i>            { t('External_Notification') }</>;
       // TODO change icon for legacy-external-notification by GW-5466
       case 'legacy-external-notification':  return <> <i className="icon-fw icon-bell"></i>{ t('Legacy_External_Notification') }</>;
-      case 'slack-integration': return <><i className="icon-fw icon-paper-plane"></i>     { t('Slack_Integration') }</>;
+      case 'slack-integration': return <><i className="icon-fw icon-paper-plane"></i>     { t('slack_integration') }</>;
       case 'users':             return <><i className="icon-fw icon-user"></i>            { t('User_Management') }</>;
       case 'user-groups':       return <><i className="icon-fw icon-people"></i>          { t('UserGroup Management') }</>;
       case 'search':            return <><i className="icon-fw icon-magnifier"></i>       { t('Full Text Search Management') }</>;

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

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react';
-// import PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 
 // import { withUnstatedContainers } from '../../UnstatedUtils';
 // import AppContainer from '../../../services/AppContainer';
@@ -7,23 +7,36 @@ import React, { Fragment } from 'react';
 class SlackIntegration extends React.Component {
 
   render() {
+    const { t } = this.props;
 
     return (
       <Fragment>
-        <h1>AAA</h1>
+        <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> */}
+            <div className="form-group row">
+              {/* <label className="text-left text-md-right col-md-3 col-form-label">{t('admin:app_setting.site_name')}</label> */}
+              <label className="text-left text-md-right col-md-3 col-form-label">Access Token</label>
+
+              <div className="col-md-6">
+                <input className="form-control" type="text" placeholder="access-token" />
+              </div>
+            </div>
+          </div>
+        </div>
       </Fragment>
     );
-
   }
 
 }
 
 // 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;

src/server/views/admin/slack-integration.html

@@ -1,7 +1,7 @@
 {% extends '../layout/admin.html' %}
 
 {% block content_header %}
-<h1 class="title">{{ t('Slack_Integration') }}</h1>
+<h1 class="title">{{ t('slack_integration') }}</h1>
 {% endblock %}
 
 {% block content_main %}