mapbox: remove map style warning

src/helpers/mapboxHelper.js

@@ -1,5 +1,13 @@
 import mapboxToken from "./../config/mapboxToken.js";
 
+export const mapStyles = {
+  "light": "mapbox://styles/mapbox/light-v9",
+  "bright": "mapbox://styles/mapbox/bright-v9",
+  "dark": "mapbox://styles/mapbox/dark-v9",
+  "basic": "mapbox://styles/mapbox/basic-v9",
+  "outdoor": "mapbox://styles/mapbox/outdoors-v10"
+}
+
 export function getRoute(lng, lat){
   let pathCopy = this.state.path.slice();
   var end = [lng, lat];

src/maps/Mapbox.js

@@ -12,7 +12,7 @@ import mapboxToken from "./../config/mapboxToken.js";
 import {calcDistance} from "./../helpers/distance";
 import {longitude, latitude, mapWidth, mapHeight, markerIcon} from "./../config/variables";
 import {Button} from "reactstrap";
-import {getRoute} from "./../helpers/mapboxHelper";
+import {getRoute, mapStyles} from "./../helpers/mapboxHelper";
 import PathButtons from "./../PathButtons";
 import {GeoJSONLayer} from "react-mapbox-gl";
 
@@ -96,7 +96,7 @@ export default class Mapbox extends React.Component{
       <div>
         <div className="map">
           <Map
-            style="mapbox://styles/mapbox/bright-v9"
+            style={mapStyles.bright}
             containerStyle={{
               height: mapHeight,
               width: mapWidth