create component

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

@@ -0,0 +1,32 @@
+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 GrobalNotification extends React.Component {
+
+  render() {
+    return (
+      <p>hoge</p>
+    );
+  }
+
+}
+
+const GrobalNotificationWrapper = (props) => {
+  return createSubscribedElement(GrobalNotification, props, [AppContainer, AdminNotificationContainer]);
+};
+
+GrobalNotification.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+  appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+  adminNotificationContainer: PropTypes.instanceOf(AdminNotificationContainer).isRequired,
+
+};
+
+export default withTranslation()(GrobalNotificationWrapper);

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

@@ -7,6 +7,7 @@ import { createSubscribedElement } from '../../UnstatedUtils';
 import AppContainer from '../../../services/AppContainer';
 import SlackAppConfiguration from './SlackAppConfiguration';
 import UserTriggerNotification from './UserTriggerNotification';
+import GrobalNotification from './GrobalNotification';
 
 class NotificationSetting extends React.Component {
 
@@ -34,7 +35,7 @@ class NotificationSetting extends React.Component {
               <UserTriggerNotification />
             </div>
             <div id="global-notification" className="tab-pane" role="tabpanel">
-              {/* TODO GE-776 global notification component */}
+              <GrobalNotification />
             </div>
           </div>
         </div>