CEC-3933 - use VehiclePaths for location drawing (#306)

* CEC-3933 - Parse VehiclePaths location data

* changes

* fixes

* stuff

* sort of works

* fix

* progress

* refactor

* fix vehicle paths query

* digital twin shows map

* new dashboard

* wider digital twin map

* snapshot

* latest; using polylines

* lag lng changes

* stuff

* path showing up

* stuff

* things

* revert home page

* whitespace

* validation

* more stuff

* fix button issue

* tests pass without mocking data

* fix code smells

* remove map from digital twin, add to tab

* fix bug

* marker click event working

* individual colors

* possible fix

* fix warning

* merge and remove unused code

* small fixes

* re add dashboard

* snaps

src/services/customDashboards.js

@@ -1,8 +1,30 @@
+import VehiclePathsMap from "../components/VehiclePathsMap";
+
 const INVALID_DASHBOARD = {
   label: "Invalid Dashboard",
   error: "Invalid Dashboard"
 }
 
+const vinsToShowOnMapColors = new Map([
+  ['3FAFP13P71R199267', 'red'],
+  ['3FAFP13P71R199270', 'orange'],
+  ['3FAFP13P71R199222', 'blue'],
+  ['3FAFP13P61R199339', 'yellow'],
+  ['3FAFP13P71R199057', 'turquoise'],
+  ['3FAFP13P61R199387', 'lime'],
+  ['3FAFP13P71R199334', 'purple'],
+  ['3FAFP13P71R199284', 'green'],
+  ['3FAFP13P71R199303', 'sienna'],
+  ['3FAFP13P31R199430', 'navy'],
+  ['3FAFP13P81R199083', 'cadetblue'],
+  ['3FAFP13P71R199060', 'coral'],
+  ['3FAFP13P71R199317', 'darkkhaki'],
+  ['3FAFP13P71R199320', 'fuchsia'],
+  ['3FAFP13P61R199390', 'indigo'],
+  ['3FAFP13P61R199373', 'cyan'],
+])
+const lookbackHours = 24
+
 export const CustomDashboardList = [
   /*
   {
@@ -14,6 +36,11 @@ export const CustomDashboardList = [
     component: <MyCustomComponent />
   }
   */
+
+  {
+    label: "Vehicle Map",
+    component: <VehiclePathsMap vinsToShowOnMapColors={vinsToShowOnMapColors} lookbackHours={lookbackHours} />
+  }
 ];
 
 export const getCustomDashboard = (index) => {