toggle modal

src/client/js/components/Admin/Users/InviteUserControl.jsx

@@ -7,8 +7,18 @@ import AppContainer from '../../../services/AppContainer';
 
 class InviteUserControl extends React.Component {
 
+  constructor(props) {
+    super(props);
+
+    this.state = {
+
+    };
+
+    this.onUserInviteClicked = this.onUserInviteClicked.bind(this);
+  }
+
   onUserInviteClicked() {
-    console.log('hello');
+    this.props.toggleUserInviteModal();
   }
 
   render() {
@@ -32,6 +42,7 @@ const InviteUserControlWrapper = (props) => {
 InviteUserControl.propTypes = {
   t: PropTypes.func.isRequired, // i18next
   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+  toggleUserInviteModal: PropTypes.func.isRequired,
 };
 
 export default withTranslation()(InviteUserControlWrapper);

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

@@ -21,10 +21,12 @@ class UserPage extends React.Component {
       activePage: 1,
       pagingLimit: Infinity,
       isPasswordResetModalShown: false,
+      isUserInviteModalShown: false,
     };
 
     this.showPasswordResetModal = this.showPasswordResetModal.bind(this);
     this.hidePasswordResetModal = this.hidePasswordResetModal.bind(this);
+    this.toggleUserInviteModal = this.toggleUserInviteModal.bind(this);
   }
 
   // TODO unstatedContainerを作ってそこにリファクタすべき
@@ -53,6 +55,13 @@ class UserPage extends React.Component {
     this.setState({ isPasswordResetModalShown: false });
   }
 
+  /**
+   * user招待モーダルを開閉する
+   */
+  toggleUserInviteModal() {
+    this.setState({ isUserInviteModalShown: !this.state.isUserInviteModalShown });
+  }
+
 
   render() {
     const { t } = this.props;
@@ -67,7 +76,7 @@ class UserPage extends React.Component {
           />
         ) }
         <p>
-          <InviteUserControl />
+          <InviteUserControl toggleUserInviteModal={this.toggleUserInviteModal} />
           <a className="btn btn-default btn-outline ml-2" href="/admin/users/external-accounts">
             <i className="icon-user-follow" aria-hidden="true"></i>
             { t('user_management.external_account') }