FB by Takeisan

src/client/js/components/PagePresentationModal.jsx

@@ -5,9 +5,17 @@ import {
 } from 'reactstrap';
 
 const PagePresentationModal = (props) => {
+
+  function closeModalHandler() {
+    if (props.onClose === null) {
+      return;
+    }
+    props.onClose();
+  }
+
   return (
-    <Modal isOpen={props.isOpen} toggle={props.onClose} className="grw-presentation-page" unmountOnClose={false}>
-      <ModalBody className="presentation-body">
+    <Modal isOpen={props.isOpen} toggle={closeModalHandler} className="grw-presentation-modal" unmountOnClose={false}>
+      <ModalBody className="modal-body">
         <iframe src={props.href} />
       </ModalBody>
     </Modal>
@@ -15,7 +23,7 @@ const PagePresentationModal = (props) => {
 };
 PagePresentationModal.propTypes = {
   isOpen: PropTypes.bool.isRequired,
-  onClose: PropTypes.func.isRequired,
+  onClose: PropTypes.func,
   href: PropTypes.string.isRequired,
 };
 

src/client/styles/scss/_page-presentation.scss

@@ -1,9 +1,7 @@
-.grw-presentation-page {
-  // attached !important for updating from .modal-dialog class style
-  width: 90vw !important;
-  max-width: unset !important;
+.grw-presentation-modal {
+  @include expand-modal-fullscreen(false, false);
 
-  .presentation-body {
+  .modal-body {
     height: 90vh;
     background: black;