create base component

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
+
+import Modal from 'react-bootstrap/es/Modal';
+
+import { createSubscribedElement } from '../../UnstatedUtils';
+import AppContainer from '../../../services/AppContainer';
+
+class ConfirmationPasswordModal extends React.Component {
+  render() {
+    return (
+      <Modal show={this.props.show} onHide={this.props.onToggleModal}>
+        <Modal.Header className="modal-header" closeButton>
+          <Modal.Title>
+            hello password modal
+          </Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+        </Modal.Body>
+        <Modal.Footer className="d-flex">
+        </Modal.Footer>
+      </Modal>
+    );
+  }
+
+}
+
+/**
+ * Wrapper component for using unstated
+ */
+const ConfirmationPasswordModalWrapper = (props) => {
+  return createSubscribedElement(ConfirmationPasswordModal, props, [AppContainer]);
+};
+
+
+ConfirmationPasswordModal.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+  appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+
+  show: PropTypes.bool.isRequired,
+  onToggleModal: PropTypes.func.isRequired,
+};
+
+export default withTranslation()(ConfirmationPasswordModalWrapper);