EljakimHerrewijnen/usse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed unshowed values

Browse Source
This commit is contained in:
Eljakim Herrewijnen 2024-04-01 15:37:51 +02:00
parent 22ed4c0494
commit 0acb1f6829
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
react_usse/src/App.js
View File

@ -84,7 +84,7 @@ class App extends Component {
} else { } else {
showingLocations = allLocations showingLocations = allLocations
} }
if (showingLocations.length === 0) {showingLocations = allLocations} // if (showingLocations.length === 0) {showingLocations = allLocations}
// showingLocations.sort(sortBy('name')); // showingLocations.sort(sortBy('name'));
const position = [51.505, -0.09]; // Latitude and Longitude of the map center const position = [51.505, -0.09]; // Latitude and Longitude of the map center

9
react_usse/src/MapContainer.js
View File

@ -106,6 +106,9 @@ class LeafletMap extends Component {
let { markers} = this.props let { markers} = this.props
let { maxPrice} = this.props let { maxPrice} = this.props
let { afstandNFI} = this.props let { afstandNFI} = this.props
let { afstandHoogstraat} = this.props
let { afstandKorhoen} = this.props
let { afstandBakkersdijk} = this.props
let { activeMarker, activeMarkerProps} = this.state; let { activeMarker, activeMarkerProps} = this.state;
if (markers === undefined || markers.length === 0) { if (markers === undefined || markers.length === 0) {
console.log('No markers') console.log('No markers')
@ -147,21 +150,21 @@ class LeafletMap extends Component {
<input type="range" min="10" max="200" onInput={(e) => { <input type="range" min="10" max="200" onInput={(e) => {
this.props.onUpdateAfstand(e.target.value, "Hoogstraat") this.props.onUpdateAfstand(e.target.value, "Hoogstraat")
}} /> }} />
<output>{afstandNFI}</output> <output>{afstandHoogstraat}</output>
</div> </div>
<div className='priceFilterBlock'> <div className='priceFilterBlock'>
<li>Afstand Korhoen(minuten)</li> <li>Afstand Korhoen(minuten)</li>
<input type="range" min="10" max="200" onInput={(e) => { <input type="range" min="10" max="200" onInput={(e) => {
this.props.onUpdateAfstand(e.target.value, "Korhoen") this.props.onUpdateAfstand(e.target.value, "Korhoen")
}} /> }} />
<output>{afstandNFI}</output> <output>{afstandKorhoen}</output>
</div> </div>
<div className='priceFilterBlock'> <div className='priceFilterBlock'>
<li>Afstand Bakkersdijk(minuten)</li> <li>Afstand Bakkersdijk(minuten)</li>
<input type="range" min="10" max="200" onInput={(e) => { <input type="range" min="10" max="200" onInput={(e) => {
this.props.onUpdateAfstand(e.target.value, "Bakkersdijk") this.props.onUpdateAfstand(e.target.value, "Bakkersdijk")
}} /> }} />
<output>{afstandNFI}</output> <output>{afstandBakkersdijk}</output>
</div> </div>
<div className="location-list container"> <div className="location-list container">