aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/ui/Modal.js
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2019-05-04 21:13:12 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:54 +0300
commitf470636a70943a8ecad8bddc791a1c2dddd28e1e (patch)
treec43d109d88adbde9a696084070cdd92c6b9a004b /vnext/src/ui/Modal.js
parent3d7d213e3ddc5bf4f71d536f31677b768aa3b7c0 (diff)
Components -> UI
Diffstat (limited to 'vnext/src/ui/Modal.js')
-rw-r--r--vnext/src/ui/Modal.js29
1 files changed, 29 insertions, 0 deletions
diff --git a/vnext/src/ui/Modal.js b/vnext/src/ui/Modal.js
new file mode 100644
index 00000000..799a6f35
--- /dev/null
+++ b/vnext/src/ui/Modal.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import Icon from './Icon';
+
+import './Modal.css';
+
+function Modal(props) {
+ return props.show ? (
+ <div id="dialogt">
+ <div id="dialogw">
+ <div id="dialog_header">
+ <div id="dialogc" onClick={props.onClose}>
+ <Icon name="ei-close" size="s" />
+ </div>
+ </div>
+ {props.children}
+ </div>
+ </div>
+ ) : (null);
+}
+
+export default React.memo(Modal);
+
+Modal.propTypes = {
+ onClose: PropTypes.func.isRequired,
+ show: PropTypes.bool,
+ children: PropTypes.node
+};