Update map styles to covid-nasa Mapbox account (#728)

* Update map styles to covid-nasa Mapbox account

* Lint code

* Fix test

Author: willemarcel

src/components/__tests__/map.test.js

@@ -38,7 +38,7 @@ describe("Map", () => {
     expect(mapbox.Map).toHaveBeenCalledWith({
       container,
       cooperativeGestures: false,
-      style: `mapbox://styles/mapbox/satellite-streets-v11/`,
+      style: `mapbox://styles/covid-nasa/cm7etyf7t003s01qpfq8kec7y`,
       zoom: 1,
       center: [0, 0],
     })

src/components/explore/explore-map.js

@@ -75,7 +75,10 @@ const ExploreMap = ({ allData, filteredData, setGeoFilter, aoi, setAoi }) => {
 
   // Render the Map component along with its children
   return (
-    <Map height={500} basemap="mapbox://styles/mapbox/light-v10">
+    <Map
+      height={500}
+      basemap="mapbox://styles/covid-nasa/cm7eu3e5e002601qmc8i46na8"
+    >
       <AoiControl
         isDrawing={isDrawing}
         setIsDrawing={setIsDrawing}

src/components/map/index.js

@@ -12,7 +12,7 @@ export default function Map({ height, basemap, children, showControls }) {
     mapbox.accessToken = process.env.GATSBY_MAPBOX_TOKEN
     const m = new mapbox.Map({
       container: containerRef.current,
-      style: basemap || "mapbox://styles/mapbox/satellite-streets-v11/",
+      style: basemap || "mapbox://styles/covid-nasa/cm7etyf7t003s01qpfq8kec7y",
       zoom: 1,
       center: [0, 0],
       cooperativeGestures: showControls ? true : false,