Add possibility of closing popups

2020-11-27 17:25:29 +01:00
parent 09b16e52a7
commit ca4a6bd011
1 changed files with 7 additions and 3 deletions
--- 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>
+            </>
        );
    }
 }