at the end of the day, it was inevitable

2022-12-09 08:36:26 -06:00
commit 1218570914
1768 changed files with 887087 additions and 0 deletions
@@ -0,0 +1,35 @@
+import React, { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { Modal } from 'reactstrap'
+
+function ModalPopup(props) {
+  const { children, modalProps, show, hideModal, handled } = props
+  const [open, setOpen] = useState(true)
+
+  useEffect(() => setOpen(false)) // when unmounts
+
+  function toggle() {
+    setOpen((prev) => !prev)
+  }
+
+  return (
+    <Modal
+      isOpen={show || open}
+      toggle={handled ? hideModal : toggle}
+      backdrop="static"
+      {...modalProps}
+    >
+      {children && (handled ? children : children(toggle, open))}
+    </Modal>
+  )
+}
+
+ModalPopup.propTypes = {
+  handled: PropTypes.bool,
+  show: PropTypes.bool,
+  hideModal: PropTypes.func,
+  children: PropTypes.func.isRequired,
+  modalProps: PropTypes.object
+}
+
+export default React.memo(ModalPopup)