client/components/ModalDialog.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import React from 'react';

export default function ModalDialog (props) {
  const visible = props.visible ? 'visible' : ''
  function cancel (e) {
    e.stopPropagation()
  }
  return (
    <div className={'modal ' + visible} onClick={props.onClose}>
      <div className='inner' onClick={cancel}>
        {props.children}
        <div className='close' onClick={props.onClose}>x</div>
      </div>
    </div>
  )
}