From c548b3bd3f0de1a1a74606d60ef9fdd323792918 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Sat, 18 Mar 2017 21:42:30 +0100
Subject: user authentication in browser

---
 client/components/ModalDialog.jsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 client/components/ModalDialog.jsx

(limited to 'client/components/ModalDialog.jsx')

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>
+  )
+}
-- 
cgit v1.2.3-70-g09d2

