From 0acb1f68293fcd1995b3be759cd131b2198a4ce4 Mon Sep 17 00:00:00 2001
From: Eljakim Herrewijnen <eljakim.herrewijnen@gmail.com>
Date: Mon, 1 Apr 2024 15:37:51 +0200
Subject: [PATCH] Fixed unshowed values

---
 react_usse/src/App.js          | 2 +-
 react_usse/src/MapContainer.js | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/react_usse/src/App.js b/react_usse/src/App.js
index 637ba337..81905858 100644
--- a/react_usse/src/App.js
+++ b/react_usse/src/App.js
@@ -84,7 +84,7 @@ class App extends Component {
       } else {
         showingLocations = allLocations
       }
-      if (showingLocations.length === 0) {showingLocations = allLocations}
+      // if (showingLocations.length === 0) {showingLocations = allLocations}
       // showingLocations.sort(sortBy('name'));
 
   const position = [51.505, -0.09]; // Latitude and Longitude of the map center
diff --git a/react_usse/src/MapContainer.js b/react_usse/src/MapContainer.js
index b47eec5f..6d6dc4b2 100644
--- a/react_usse/src/MapContainer.js
+++ b/react_usse/src/MapContainer.js
@@ -106,6 +106,9 @@ class LeafletMap extends Component {
         let { markers} = this.props
         let { maxPrice} = this.props
         let { afstandNFI} = this.props
+        let { afstandHoogstraat} = this.props
+        let { afstandKorhoen} = this.props
+        let { afstandBakkersdijk} = this.props
         let { activeMarker, activeMarkerProps} = this.state;
         if (markers === undefined || markers.length === 0) {
             console.log('No markers')
@@ -147,21 +150,21 @@ class LeafletMap extends Component {
                             <input type="range" min="10" max="200"  onInput={(e) => {
                                 this.props.onUpdateAfstand(e.target.value, "Hoogstraat")
                             }} />
-                            <output>{afstandNFI}</output>
+                            <output>{afstandHoogstraat}</output>
                         </div>
                         <div className='priceFilterBlock'>
                             <li>Afstand Korhoen(minuten)</li>
                             <input type="range" min="10" max="200"  onInput={(e) => {
                                 this.props.onUpdateAfstand(e.target.value, "Korhoen")
                             }} />
-                            <output>{afstandNFI}</output>
+                            <output>{afstandKorhoen}</output>
                         </div>
                         <div className='priceFilterBlock'>
                             <li>Afstand Bakkersdijk(minuten)</li>
                             <input type="range" min="10" max="200"  onInput={(e) => {
                                 this.props.onUpdateAfstand(e.target.value, "Bakkersdijk")
                             }} />
-                            <output>{afstandNFI}</output>
+                            <output>{afstandBakkersdijk}</output>
                         </div>
 
                         <div className="location-list container">