From 8d8837543b59d8a8ce8cd04af4901d7c1dc28d28 Mon Sep 17 00:00:00 2001
From: Eljakim Herrewijnen <eljakim.herrewijnen@gmail.com>
Date: Mon, 1 Apr 2024 15:56:15 +0200
Subject: [PATCH] added menu close button

---
 react_usse/src/App.js          | 1 +
 react_usse/src/MapContainer.js | 8 +++-----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/react_usse/src/App.js b/react_usse/src/App.js
index 81905858..9a87f958 100644
--- a/react_usse/src/App.js
+++ b/react_usse/src/App.js
@@ -102,6 +102,7 @@ class App extends Component {
                       onUpdateQuery={this.updateQuery}
                       onUpdatePrice={this.updatePrice}
                       onUpdateAfstand={this.updateAfstand}
+                      onToggleMenu={this.onToggleMenu}
                       onListItemClick={this.onListItemClick}
                       showDetails={this.state.showDetails}
                       selectedLocation={this.state.selectedLocation}
diff --git a/react_usse/src/MapContainer.js b/react_usse/src/MapContainer.js
index 6d6dc4b2..fc27ecaf 100644
--- a/react_usse/src/MapContainer.js
+++ b/react_usse/src/MapContainer.js
@@ -110,9 +110,6 @@ class LeafletMap extends Component {
         let { afstandKorhoen} = this.props
         let { afstandBakkersdijk} = this.props
         let { activeMarker, activeMarkerProps} = this.state;
-        if (markers === undefined || markers.length === 0) {
-            console.log('No markers')
-        }
 
         const position = [52.079, 5.09]
         return(
@@ -128,9 +125,10 @@ class LeafletMap extends Component {
                                 this.props.onUpdateQuery(e.target.value)
                                 this.setState({ showDetails: false })
                             }}
-                            onClick={this.onNewSearch}/> */}
-
+                        onClick={this.onNewSearch}/> */}
+                        <button onClick={() => this.props.onToggleMenu()}>close</button>
 
+                        
                         <div className='priceFilterBlock'>
                             <li>Maximale prijs</li>
                             <input type="range" min="100" max="700"  onInput={(e) => {