From a0e2d68dae82ca978e531fb80af77e94c8d3a788 Mon Sep 17 00:00:00 2001 From: orangemug <info@orangemug.co.uk> Date: Tue, 17 Jul 2018 20:40:23 +0100 Subject: [PATCH 1/2] Only apply filter if defined. --- src/components/App.jsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/App.jsx b/src/components/App.jsx index 3051b46..943879b 100644 --- a/src/components/App.jsx +++ b/src/components/App.jsx @@ -430,9 +430,10 @@ export default class App extends React.Component { onLayerSelect={this.onLayerSelect.bind(this)} /> } - const elementStyle = { - "filter": `url('#${this.state.mapFilter}')` - }; + const elementStyle = {}; + if(this.state.mapFilter) { + elementStyle.filter = `url('#${this.state.mapFilter}')`; + } return <div style={elementStyle}> {mapElement} From 6ea70ab9cf34eb61ddaec92c62a5db454222c97d Mon Sep 17 00:00:00 2001 From: orangemug <info@orangemug.co.uk> Date: Tue, 17 Jul 2018 20:45:12 +0100 Subject: [PATCH 2/2] Fix what I believe to be a 'first boot' error. --- src/components/map/MapboxGlMap.jsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/map/MapboxGlMap.jsx b/src/components/map/MapboxGlMap.jsx index ebc65b7..18f3e95 100644 --- a/src/components/map/MapboxGlMap.jsx +++ b/src/components/map/MapboxGlMap.jsx @@ -66,6 +66,7 @@ export default class MapboxGlMap extends React.Component { onDataChange: () => {}, onLayerSelect: () => {}, mapboxAccessToken: tokens.mapbox, + options: {}, } constructor(props) {