user authentication in browser

1 files changed, 16 insertions, 0 deletions

diff --git a/client/components/ModalDialog.jsx b/client/components/ModalDialog.jsx
new file mode 100644
index 0000000..0b6aae1
--- /dev/null
+++ b/client/components/ModalDialog.jsx
@@ -0,0 +1,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>
+  )
+}