Fix new props zoom/slide behavior

1 files changed, 5 insertions, 6 deletions

diff --git a/geshem.js b/geshem.js
index 16bf832..5d7925e 100644
--- a/geshem.js
+++ b/geshem.js
@@ -101,21 +101,19 @@ class GLMap extends React.Component {
         this._addRadarSource('280', i, v)
         this._addRadarLayer('280', i++)
       }
+      this.map.setPaintProperty('radar-280-0', 'raster-opacity', 0.85)
     })
   }
 
-  componentWillReceiveProps () {
+  componentWillReceiveProps (props) {
     this.map.setPaintProperty('radar-' + this.state.res + '-' + this.state.slider, 'raster-opacity', 0)
+    this.map.setPaintProperty('radar-' + this.state.res + '-' + props.slider, 'raster-opacity', 0.85)
     this.setState({
       'res': this.state.res,
-      'slider': this.props.slider
+      'slider': props.slider
     })
   }
 
-  componentDidUpdate () {
-    this.map.setPaintProperty('radar-' + this.state.res + '-' + this.state.slider, 'raster-opacity', 0.85)
-  }
-
   componentWillUnmount () {
     this.map.remove()
   }
@@ -128,6 +126,7 @@ class GLMap extends React.Component {
 
 class Map extends React.Component {
   onChangeHandler = (e) => {
+    console.log('handle', e)
     this.setState({
       'slider': 7-e
     })