added menu close button

This commit is contained in:
Eljakim Herrewijnen 2024-04-01 15:56:15 +02:00
parent 0acb1f6829
commit 8d8837543b
2 changed files with 4 additions and 5 deletions

View File

@ -102,6 +102,7 @@ class App extends Component {
onUpdateQuery={this.updateQuery} onUpdateQuery={this.updateQuery}
onUpdatePrice={this.updatePrice} onUpdatePrice={this.updatePrice}
onUpdateAfstand={this.updateAfstand} onUpdateAfstand={this.updateAfstand}
onToggleMenu={this.onToggleMenu}
onListItemClick={this.onListItemClick} onListItemClick={this.onListItemClick}
showDetails={this.state.showDetails} showDetails={this.state.showDetails}
selectedLocation={this.state.selectedLocation} selectedLocation={this.state.selectedLocation}

View File

@ -110,9 +110,6 @@ class LeafletMap extends Component {
let { afstandKorhoen} = this.props let { afstandKorhoen} = this.props
let { afstandBakkersdijk} = this.props let { afstandBakkersdijk} = this.props
let { activeMarker, activeMarkerProps} = this.state; let { activeMarker, activeMarkerProps} = this.state;
if (markers === undefined || markers.length === 0) {
console.log('No markers')
}
const position = [52.079, 5.09] const position = [52.079, 5.09]
return( return(
@ -128,9 +125,10 @@ class LeafletMap extends Component {
this.props.onUpdateQuery(e.target.value) this.props.onUpdateQuery(e.target.value)
this.setState({ showDetails: false }) this.setState({ showDetails: false })
}} }}
onClick={this.onNewSearch}/> */} onClick={this.onNewSearch}/> */}
<button onClick={() => this.props.onToggleMenu()}>close</button>
<div className='priceFilterBlock'> <div className='priceFilterBlock'>
<li>Maximale prijs</li> <li>Maximale prijs</li>
<input type="range" min="100" max="700" onInput={(e) => { <input type="range" min="100" max="700" onInput={(e) => {