add component

src/client/js/components/Admin/Notification/NotificationSetting.jsx

@@ -5,6 +5,7 @@ import { withTranslation } from 'react-i18next';
 import { createSubscribedElement } from '../../UnstatedUtils';
 
 import AppContainer from '../../../services/AppContainer';
+import SlackAppConfiguration from './SlackAppConfiguration';
 
 class NotificationSetting extends React.Component {
 
@@ -26,7 +27,7 @@ class NotificationSetting extends React.Component {
 
         <div className="tab-content m-t-15">
           <div id="slack-configuration" className="tab-pane active" role="tabpanel">
-            {/* TODO GW-773 create slak config component */}
+            <SlackAppConfiguration />
           </div>
           <div id="user-trigger-notification" className="tab-pane" role="tabpanel">
             {/* TODO GW-775 user trigger notification component */}

src/client/js/components/Admin/Notification/SlackAppConfiguration.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
+
+import { createSubscribedElement } from '../../UnstatedUtils';
+
+import AppContainer from '../../../services/AppContainer';
+import AdminNotificationContainer from '../../../services/AdminNotificationContainer';
+
+class SlackAppConfiguration extends React.Component {
+
+  render() {
+    return (
+      <p>hoge</p>
+    );
+  }
+
+}
+
+const SlackAppConfigurationWrapper = (props) => {
+  return createSubscribedElement(SlackAppConfiguration, props, [AppContainer, AdminNotificationContainer]);
+};
+
+SlackAppConfiguration.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+  appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+  adminNotificationContainer: PropTypes.instanceOf(AdminNotificationContainer).isRequired,
+
+};
+
+export default withTranslation()(SlackAppConfigurationWrapper);