add component

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

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

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

@@ -9,6 +9,7 @@ import { toastSuccess, toastError } from '../../../util/apiNotification';
 
 import AppContainer from '../../../services/AppContainer';
 import AdminNotificationContainer from '../../../services/AdminNotificationContainer';
+import UserNotificationList from './UserNotificationList';
 
 const logger = loggerFactory('growi:slackAppConfiguration');
 
@@ -109,6 +110,7 @@ class UserTriggerNotification extends React.Component {
                 <button type="button" className="btn btn-primary" disabled={!this.validateForm()} onClick={this.onClickSubmit}>{t('add')}</button>
               </td>
             </tr>
+            <UserNotificationList />
           </tbody>
         </table>
       </React.Fragment>