From ca4a6bd011cb771388130635690f7d9d221a2852 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Wahlberg?= <andre.wahlberg@outlook.com>
Date: Fri, 27 Nov 2020 17:25:29 +0100
Subject: [PATCH] Add possibility of closing popups

---
 src/components/Popup.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Popup.js b/src/components/Popup.js
index bd5c01b..fbdfbab 100644
--- a/src/components/Popup.js
+++ b/src/components/Popup.js
@@ -22,9 +22,13 @@ class Popup extends Component {
     
     render() {
         return (
-            <div className={`${this.state.visible ? "visible" : ""}` + " popup"}>
-                {this.props.children}
-            </div>
+            <>
+                <div className={`${this.state.visible ? "" : "hidden"}` + " popupClose"} onClick={this.hide} />
+                
+                <div className={`${this.state.visible ? "visible" : ""}` + " popup " + this.props.className}>
+                    {this.props.children}
+                </div>
+            </>
         );
     }
 }