From 7da47f6eb909895fcf74a223597f0e75a55a85ed Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Fri, 17 Apr 2020 14:40:45 +0200
Subject: [PATCH] Updated Modal to Material UI

---
 client/src/components/Modals/Modal.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/client/src/components/Modals/Modal.tsx b/client/src/components/Modals/Modal.tsx
index b28367f..6fe838f 100644
--- a/client/src/components/Modals/Modal.tsx
+++ b/client/src/components/Modals/Modal.tsx
@@ -1,16 +1,15 @@
-import React, { FC, CSSProperties } from "react";
+import React, { FC } from "react";
+import Dialog from "@material-ui/core/Dialog";
 
 interface IProps {
   handleClose: () => void;
   show: boolean;
 }
+
 export const Modal: FC<IProps> = ({ handleClose, show, children }) => {
-  const showHideStyle: CSSProperties = show
-    ? { display: "block", zIndex: 10 }
-    : { display: "none", zIndex: 10 };
   return (
-    <div className="modal" style={showHideStyle}>
-      <div className="modal-content">{children}</div>
-    </div>
+    <Dialog open={show} onClose={handleClose}>
+      {children}
+    </Dialog>
   );
 };