diff options
Diffstat (limited to 'src/components/ui/Modal')
-rw-r--r-- | src/components/ui/Modal/index.js | 21 |
1 files changed, 9 insertions, 12 deletions
diff --git a/src/components/ui/Modal/index.js b/src/components/ui/Modal/index.js index a9fa0cd1b..3c7c66c59 100644 --- a/src/components/ui/Modal/index.js +++ b/src/components/ui/Modal/index.js | |||
@@ -10,7 +10,8 @@ import styles from './styles'; | |||
10 | 10 | ||
11 | // ReactModal.setAppElement('#root'); | 11 | // ReactModal.setAppElement('#root'); |
12 | 12 | ||
13 | export default @injectCSS(styles) class Modal extends Component { | 13 | @injectCSS(styles) |
14 | class Modal extends Component { | ||
14 | static propTypes = { | 15 | static propTypes = { |
15 | children: PropTypes.node.isRequired, | 16 | children: PropTypes.node.isRequired, |
16 | className: PropTypes.string, | 17 | className: PropTypes.string, |
@@ -20,14 +21,14 @@ export default @injectCSS(styles) class Modal extends Component { | |||
20 | close: PropTypes.func.isRequired, | 21 | close: PropTypes.func.isRequired, |
21 | shouldCloseOnOverlayClick: PropTypes.bool, | 22 | shouldCloseOnOverlayClick: PropTypes.bool, |
22 | showClose: PropTypes.bool, | 23 | showClose: PropTypes.bool, |
23 | } | 24 | }; |
24 | 25 | ||
25 | static defaultProps = { | 26 | static defaultProps = { |
26 | className: null, | 27 | className: null, |
27 | portal: 'modal-portal', | 28 | portal: 'modal-portal', |
28 | shouldCloseOnOverlayClick: false, | 29 | shouldCloseOnOverlayClick: false, |
29 | showClose: true, | 30 | showClose: true, |
30 | } | 31 | }; |
31 | 32 | ||
32 | render() { | 33 | render() { |
33 | const { | 34 | const { |
@@ -53,21 +54,17 @@ export default @injectCSS(styles) class Modal extends Component { | |||
53 | portal={portal} | 54 | portal={portal} |
54 | onRequestClose={close} | 55 | onRequestClose={close} |
55 | shouldCloseOnOverlayClick={shouldCloseOnOverlayClick} | 56 | shouldCloseOnOverlayClick={shouldCloseOnOverlayClick} |
56 | appElement={document.getElementById('root')} | 57 | appElement={document.querySelector('#root')} |
57 | > | 58 | > |
58 | {showClose && close && ( | 59 | {showClose && close && ( |
59 | <button | 60 | <button type="button" className={classes.close} onClick={close}> |
60 | type="button" | ||
61 | className={classes.close} | ||
62 | onClick={close} | ||
63 | > | ||
64 | <Icon icon={mdiClose} size={1.5} /> | 61 | <Icon icon={mdiClose} size={1.5} /> |
65 | </button> | 62 | </button> |
66 | )} | 63 | )} |
67 | <div className={classes.content}> | 64 | <div className={classes.content}>{children}</div> |
68 | {children} | ||
69 | </div> | ||
70 | </ReactModal> | 65 | </ReactModal> |
71 | ); | 66 | ); |
72 | } | 67 | } |
73 | } | 68 | } |
69 | |||
70 | export default Modal; | ||