From 43f3f900ed3b3664a2a38e24f5b3a49a1d33f21b Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Fri, 8 Jan 2016 22:38:20 +0200
Subject: Fix new props zoom/slide behavior

---
 geshem.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'geshem.js')

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
     })
-- 
cgit v1.3.1