Add possibility of closing popups

2020-11-27 17:25:29 +01:00 · 2020-11-27 17:25:29 +01:00 · ca4a6bd011
commit ca4a6bd011
parent 09b16e52a7
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"}>
+            <>
+                <div className={`${this.state.visible ? "" : "hidden"}` + " popupClose"} onClick={this.hide} />
+                
+                <div className={`${this.state.visible ? "visible" : ""}` + " popup " + this.props.className}>
                    {this.props.children}
                </div>
+            </>
        );
    }
 }