Perceived performance improvement with Mapbox Static Images API

.github/workflows/percy-snapshots.yml

@@ -13,3 +13,4 @@ jobs:
       percy_script: npx percy storybook ./storybook-static
     secrets:
       PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
+      MAPBOX_API_KEY: ${{ secrets.MAPBOX_API_KEY }}

.github/workflows/run-linting.yml

@@ -2,7 +2,7 @@ name: Run Linter
 
 on:
   pull_request:
-    branches: [main, develop]
+    branches: [main, develop, feature/*]
 
 jobs:
   linting:

.gitignore

@@ -7,3 +7,5 @@ lib/
 # testing
 /coverage
 /storybook-static
+
+**/.env

.storybook/main.js

@@ -33,5 +33,9 @@ module.exports = {
     config.resolve.alias['./SearchCore'] = require.resolve('../tests/__fixtures__/core/SearchCore.ts');
     config.resolve.alias['../utils/location-operations'] = require.resolve('../tests/__fixtures__/utils/location-operations.ts');
     return config;
-  }
+  },
+  env: (config) => ({
+    ...config,
+    REACT_APP_MAPBOX_API_KEY: process.env.MAPBOX_API_KEY || process.env.REACT_APP_MAPBOX_API_KEY,
+  }),
 };

.storybook/preview.js

@@ -1,4 +1,5 @@
 import './index.css';
+import 'mapbox-gl/dist/mapbox-gl.css';
 import { SearchCoreDecorator } from '../tests/__fixtures__/core/SearchCore';
 import { runOnly } from './wcagConfig';
 
@@ -22,6 +23,7 @@ export const parameters = {
         'SearchBar',
         'UniversalResults',
         'VerticalResults',
+        'MapboxMap',
         'DirectAnswer',
         'FilterSearch',
         'StaticFilters',
@@ -42,4 +44,4 @@ export const parameters = {
 };
 
 // Add the decorator to all stories
-export const decorators = [SearchCoreDecorator];
+export const decorators = [SearchCoreDecorator];