Sfoglia il codice sorgente

added backPageModal jsx

ryuichi-e 5 anni fa
parent
commit
43a379e2ab
1 ha cambiato i file con 41 aggiunte e 0 eliminazioni
  1. 41 0
      src/client/js/components/PageTrash/PutbackPageModal.jsx

+ 41 - 0
src/client/js/components/PageTrash/PutbackPageModal.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { Modal, ModalHeader, ModalBody } from 'reactstrap';
+
+import { withTrasnlation } from 'react-i18next';
+
+import { createSubscribedElement } from '../UnstatedUtils';
+
+import AppContainer from '../../services/AppContainer';
+import PageContainer from '../../services/PageContainer';
+
+const PutBackPageModal = (props) => {
+  const { t, appContainer } = props;
+
+  return (
+    <Modal size="lg" isOpen={appContainer.state.isPageCreateModalShown} toggle={appContainer.closePageCreateModal} className="grw-create-page">
+      <ModalHeader tag="h4" toggle={appContainer.closePageCreateModal} className="bg-primary text-light">
+        { t('New Page') }
+      </ModalHeader>
+      <ModalBody>
+        Hi threre!
+      </ModalBody>
+    </Modal>
+
+  );
+
+};
+
+
+const ModalControlWrapper = (props) => {
+  return createSubscribedElement(PutBackPageModal, props, [AppContainer, PageContainer]);
+};
+
+PutBackPageModal.propTypes = {
+  t: PropTypes.func.isRequired, //  i18next
+  appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+  pageContainer: PropTypes.instanceOf(PageContainer).isRequired,
+};
+
+export default withTrasnlation()(ModalControlWrapper);