Change basemap (#263)

Change the basemap styles for NIST, Urban and GOES

Author: ram-sharan25

.github/workflows/deploy-goes.yml

@@ -74,6 +74,7 @@ jobs:
         env:
           REACT_APP_MAPBOX_TOKEN: ${{ secrets.REACT_APP_MAPBOX_ACCESS_TOKEN }}
           REACT_APP_MAPBOX_STYLE_URL: ${{ secrets.REACT_APP_MAPBOX_STYLE_URL }}
+          REACT_APP_BASEMAP_STYLES_MAPBOX_ID: ${{ secrets.REACT_APP_BASEMAP_STYLES_MAPBOX_ID}}
           PUBLIC_URL: ${{ vars.REACT_APP_BASE_PATH_GOES }}
           REACT_APP_BASE_PATH: ${{ vars.REACT_APP_BASE_PATH_GOES }}
           REACT_APP_STAC_API_URL: ${{ vars.REACT_APP_STAC_API_URL }}

.github/workflows/deploy-nist.yml

@@ -74,6 +74,7 @@ jobs:
           REACT_APP_MAPBOX_TOKEN: ${{ secrets.REACT_APP_MAPBOX_ACCESS_TOKEN }}
           REACT_APP_MAPBOX_STYLE_URL: ${{  secrets.REACT_APP_MAPBOX_STYLE_URL }}
           REACT_APP_FEATURES_API_URL: ${{ vars.FEATURES_API_URL }}
+          REACT_APP_BASEMAP_STYLES_MAPBOX_ID: ${{ secrets.REACT_APP_BASEMAP_STYLES_MAPBOX_ID}}
         run: |
           yarn
           yarn build

.github/workflows/deploy-urban.yml

@@ -76,6 +76,7 @@ jobs:
           REACT_APP_MAPBOX_STYLE_URL: ${{ secrets.REACT_APP_MAPBOX_STYLE_URL }}
           REACT_APP_BASE_PATH: ${{ vars.REACT_APP_BASE_PATH_URBAN }}
           PUBLIC_URL: ${{ vars.REACT_APP_BASE_PATH_URBAN }}
+          REACT_APP_BASEMAP_STYLES_MAPBOX_ID: ${{ secrets.REACT_APP_BASEMAP_STYLES_MAPBOX_ID}}
         run: |
           yarn
           yarn build

.github/workflows/pr-preview.yml

@@ -180,6 +180,7 @@ jobs:
             elif [ "$WEBSITE" == "nist-interface" ]; then
               echo REACT_APP_MAPBOX_TOKEN="${{ secrets.REACT_APP_MAPBOX_ACCESS_TOKEN }}" >> ./nist-interface/.env
               echo REACT_APP_MAPBOX_STYLE_URL="${{ secrets.REACT_APP_MAPBOX_STYLE_URL }}" >> ./nist-interface/.env
+              echo REACT_APP_BASEMAP_STYLES_MAPBOX_ID="${{ secrets.REACT_APP_BASEMAP_STYLES_MAPBOX_ID }}" >> ./nist-interface/.env
               echo REACT_APP_FEATURES_API_URL="${{ vars.FEATURES_API_URL }}" >> ./nist-interface/.env
               echo PUBLIC_URL="${{ vars.PUBLIC_URL_NIST }}/${{ env.PR_STRING }}" >> ./nist-interface/.env
 
@@ -194,6 +195,7 @@ jobs:
               echo >> ./goes-plume-viewer/.env # add a new line to append the below variables
               echo REACT_APP_MAPBOX_TOKEN="${{ secrets.REACT_APP_MAPBOX_ACCESS_TOKEN }}" >> ./goes-plume-viewer/.env
               echo REACT_APP_MAPBOX_STYLE_URL="${{ secrets.REACT_APP_MAPBOX_STYLE_URL }}" >> ./goes-plume-viewer/.env
+              echo REACT_APP_BASEMAP_STYLES_MAPBOX_ID="${{ secrets.REACT_APP_BASEMAP_STYLES_MAPBOX_ID }}" >> ./goes-plume-viewer/.env
               echo REACT_APP_BASE_PATH="${{ vars.REACT_APP_BASE_PATH_GOES }}/${{ env.PR_STRING }}" >> ./goes-plume-viewer/.env
               echo PUBLIC_URL="${{ vars.REACT_APP_BASE_PATH_GOES }}/${{ env.PR_STRING }}" >> ./goes-plume-viewer/.env
               echo REACT_APP_STAC_API_URL="${{ vars.REACT_APP_STAC_API_URL }}" >> ./goes-plume-viewer/.env
@@ -210,6 +212,7 @@ jobs:
               echo >> ./urban-dashboard/.env # add a new line to append the below variables
               echo REACT_APP_MAPBOX_TOKEN="${{ secrets.REACT_APP_MAPBOX_ACCESS_TOKEN }}" >> ./urban-dashboard/.env
               echo REACT_APP_MAPBOX_STYLE_URL="${{ secrets.REACT_APP_MAPBOX_STYLE_URL }}" >> ./urban-dashboard/.env
+              echo REACT_APP_BASEMAP_STYLES_MAPBOX_ID="${{ secrets.REACT_APP_BASEMAP_STYLES_MAPBOX_ID }}" >> ./urban-dashboard/.env
               echo REACT_APP_BASE_PATH="${{ vars.REACT_APP_BASE_PATH_URBAN }}/${{ env.PR_STRING }}" >> ./urban-dashboard/.env
               echo PUBLIC_URL="${{ vars.REACT_APP_BASE_PATH_URBAN }}/${{ env.PR_STRING }}" >> ./urban-dashboard/.env
               cd ./urban-dashboard

goes-plume-viewer/src/context/configContext/config.ts

@@ -13,7 +13,7 @@ const defaultConfig: GoesInterfaceConfig = {
   mapboxStyle: process.env.REACT_APP_MAPBOX_STYLE_URL || "",
   basemapStyle:
     process.env.REACT_APP_BASEMAP_STYLES_MAPBOX_ID ||
-    "cldu1cb8f00ds01p6gi583w1m",
+    "cmgpavlo8000n01qxhpos8nnn",
 };
 
 /**

nist-interface/src/components/mapboxViewer/config.js

@@ -3,7 +3,7 @@ export const BASEMAP_STYLES = [
     {
       id: 'satellite',
       label: 'Satellite',
-      mapboxId: 'cldu1cb8f00ds01p6gi583w1m',
+      mapboxId: 'cmgpavlo8000n01qxhpos8nnn',
       thumbnailUrl: `https://api.mapbox.com/styles/v1/covid-nasa/cldu1cb8f00ds01p6gi583w1m/static/-9.14,38.7,10.5,0/480x320?access_token=${process.env.MAPBOX_TOKEN}`
     }
   ];

urban-dashboard/src/context/configContext/config.ts

@@ -10,7 +10,7 @@ const defaultConfig: UrbanDashboardConfig = {
   mapboxStyle: process.env.REACT_APP_MAPBOX_STYLE_URL || "",
   basemapStyle:
     process.env.REACT_APP_BASEMAP_STYLES_MAPBOX_ID ||
-    "cldu1cb8f00ds01p6gi583w1m",
+    "cmgpavlo8000n01qxhpos8nnn",
   dataUrl:
     process.env.REACT_APP_DATA_URL ||
     "https://raw.githubusercontent.com/US-GHG-Center/urban_dashboard_data/main/data",