Add possibility of closing popups

2020-11-27 17:25:29 +01:00 · 2020-11-27 17:25:29 +01:00 · 177bbdf89d
commit 177bbdf89d
parent a1b078f418
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>
+            </>
        );
    }
 }