From c2780a066f107b2263a7cb00140a4cb775f78982 Mon Sep 17 00:00:00 2001
From: John Wu <76966357+jwu-fisker@users.noreply.github.com>
Date: Wed, 29 Mar 2023 15:31:45 -0700
Subject: [PATCH] CEC-3944 Remove paths dashboard (#307)

---
 .env.cec-euprd                                |   1 -
 .env.cec-prd                                  |   1 -
 .env.dev                                      |   1 -
 .env.local                                    |   1 -
 .env.prd                                      |   1 -
 .env.stg                                      |   1 -
 .../App/__snapshots__/App.test.js.snap        | 387 +-----------------
 .../index.jsx                                 |  12 +-
 src/components/Layouts/SideMenu.jsx           |   4 +-
 .../__snapshots__/SideMenu.test.jsx.snap      |  50 +--
 src/components/Routes/SiteRoutes.jsx          |   4 +-
 src/services/customDashboards.js              |  30 ++
 src/services/staticDashboards.js              |  26 --
 13 files changed, 64 insertions(+), 455 deletions(-)
 rename src/components/{DashboardStatic => DashboardCustom}/index.jsx (63%)
 create mode 100644 src/services/customDashboards.js
 delete mode 100644 src/services/staticDashboards.js

diff --git a/.env.cec-euprd b/.env.cec-euprd
index ce0d31a..5fb535f 100644
--- a/.env.cec-euprd
+++ b/.env.cec-euprd
@@ -7,5 +7,4 @@ REACT_APP_MAGNA_GROUP_ID=68273225-9da4-4fa7-aea5-38e16ec471fe
 REACT_APP_OTA_SERVICE_URL=https://gw.cec-euprd.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
-REACT_APP_STATIC_DASHBOARDS_URL=https://assets.fiskerdps.com/dashboards
 REACT_APP_SUPERSET_URL=https://superset.cec-euprd.fiskerinc.com
diff --git a/.env.cec-prd b/.env.cec-prd
index dab893b..67d8f04 100644
--- a/.env.cec-prd
+++ b/.env.cec-prd
@@ -7,5 +7,4 @@ REACT_APP_MAGNA_GROUP_ID=68273225-9da4-4fa7-aea5-38e16ec471fe
 REACT_APP_OTA_SERVICE_URL=https://gw.cec-prd.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
-REACT_APP_STATIC_DASHBOARDS_URL=https://assets.fiskerdps.com/dashboards
 REACT_APP_SUPERSET_URL=https://superset.cec-prd.fiskerinc.com
diff --git a/.env.dev b/.env.dev
index e838d3e..c2e91da 100644
--- a/.env.dev
+++ b/.env.dev
@@ -7,5 +7,4 @@ REACT_APP_MAGNA_GROUP_ID=68273225-9da4-4fa7-aea5-38e16ec471fe
 REACT_APP_OTA_SERVICE_URL=https://dev-gw.cloud.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
-REACT_APP_STATIC_DASHBOARDS_URL=https://assets.fiskerdps.com/dashboards
 REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
diff --git a/.env.local b/.env.local
index d06da61..3656474 100644
--- a/.env.local
+++ b/.env.local
@@ -7,6 +7,5 @@ REACT_APP_MAGNA_GROUP_ID=68273225-9da4-4fa7-aea5-38e16ec471fe
 REACT_APP_OTA_SERVICE_URL=http://localhost/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
-REACT_APP_STATIC_DASHBOARDS_URL=https://assets.fiskerdps.com/dashboards
 REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
 
diff --git a/.env.prd b/.env.prd
index e876224..f075c03 100644
--- a/.env.prd
+++ b/.env.prd
@@ -7,5 +7,4 @@ REACT_APP_MAGNA_GROUP_ID=68273225-9da4-4fa7-aea5-38e16ec471fe
 REACT_APP_OTA_SERVICE_URL=https://gw.cloud.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
-REACT_APP_STATIC_DASHBOARDS_URL=https://assets.fiskerdps.com/dashboards
 REACT_APP_SUPERSET_URL=https://superset.cloud.fiskerinc.com
diff --git a/.env.stg b/.env.stg
index 33c3843..ad05398 100644
--- a/.env.stg
+++ b/.env.stg
@@ -7,5 +7,4 @@ REACT_APP_MAGNA_GROUP_ID=68273225-9da4-4fa7-aea5-38e16ec471fe
 REACT_APP_OTA_SERVICE_URL=https://stg-gw.cloud.fiskerinc.com/ota_update
 REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
 REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
-REACT_APP_STATIC_DASHBOARDS_URL=https://assets.fiskerdps.com/dashboards
 REACT_APP_SUPERSET_URL=https://stg-superset.cloud.fiskerinc.com
diff --git a/src/components/App/__snapshots__/App.test.js.snap b/src/components/App/__snapshots__/App.test.js.snap
index 10cd7ed..b3d9ca4 100644
--- a/src/components/App/__snapshots__/App.test.js.snap
+++ b/src/components/App/__snapshots__/App.test.js.snap
@@ -334,30 +334,7 @@ exports[`App Route / authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -747,7 +724,7 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
                     class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                     href="/dashboards/0"
                   >
-                    Vehicle Paths
+                    Invalid Dashboard
                   </a>
                 </li>
               </ol>
@@ -1042,30 +1019,7 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -1178,11 +1132,11 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
-          <iframe
-            class="makeStyles-iframe-0"
-            src="https://assets.fiskerdps.com/dashboards/paths.html"
-            title="Vehicle Paths"
-          />
+          <span
+            class="error"
+          >
+            Invalid Dashboard
+          </span>
         </main>
       </main>
     </div>
@@ -1585,30 +1539,7 @@ exports[`App Route /home authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -2309,30 +2240,7 @@ exports[`App Route /issue-info authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -2944,30 +2852,7 @@ exports[`App Route /issues authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -3894,30 +3779,7 @@ exports[`App Route /package-deploy authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -5033,30 +4895,7 @@ exports[`App Route /package-status authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -5839,30 +5678,7 @@ exports[`App Route /packages authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -6909,30 +6725,7 @@ exports[`App Route /page-not-found authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -7560,30 +7353,7 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -8321,30 +8091,7 @@ exports[`App Route /tools/security-dll authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <span>
               <li>
                 <a
@@ -8900,30 +8647,7 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -9650,30 +9374,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -10818,30 +10519,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
@@ -11909,30 +11587,7 @@ exports[`App Route /vehicles authenticated 1`] = `
             </span>
             <ul
               style="margin-left: 50px;"
-            >
-              <li>
-                <a
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  href="/dashboards/0"
-                  role="button"
-                  tabindex="0"
-                >
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Vehicle Paths
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
-                </a>
-              </li>
-            </ul>
+            />
             <li>
               <a
                 aria-disabled="false"
diff --git a/src/components/DashboardStatic/index.jsx b/src/components/DashboardCustom/index.jsx
similarity index 63%
rename from src/components/DashboardStatic/index.jsx
rename to src/components/DashboardCustom/index.jsx
index 3a81de0..fb8f38b 100644
--- a/src/components/DashboardStatic/index.jsx
+++ b/src/components/DashboardCustom/index.jsx
@@ -1,18 +1,18 @@
 import { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
 
-import { getStaticDashboard } from "../../services/staticDashboards";
+import { getCustomDashboard } from "../../services/customDashboards";
 import { useStatusContext } from "../Contexts/StatusContext";
 import useStyles from "../useStyles";
 
-const StaticDashboard = () => {
+const DashboardCustom = () => {
   const classes = useStyles();
   const [dashboard, setDashboard] = useState(null);
   const { setTitle, setSitePath } = useStatusContext();
   const { index } = useParams();
 
   useEffect(() => {
-    const result = getStaticDashboard(parseInt(index));
+    const result = getCustomDashboard(parseInt(index));
     setDashboard(result);
     setTitle("Datascope");
     setSitePath([{ label: result.label}]);
@@ -21,8 +21,10 @@ const StaticDashboard = () => {
 
   if (!dashboard) return <div>Loading...</div>;
   if (dashboard.error) return <span className="error">{dashboard.error}</span>;
-  return <iframe className={classes.iframe} src={dashboard.url} title={dashboard.label}/>;
+  if (dashboard.url) return <iframe className={classes.iframe} src={dashboard.url} title={dashboard.label}/>;
+  if (dashboard.component) return dashboard.component;
 
+  return <div>{dashboard.label} misconfigured</div>
 };
 
-export default StaticDashboard;
\ No newline at end of file
+export default DashboardCustom;
\ No newline at end of file
diff --git a/src/components/Layouts/SideMenu.jsx b/src/components/Layouts/SideMenu.jsx
index 12921ec..cf46991 100644
--- a/src/components/Layouts/SideMenu.jsx
+++ b/src/components/Layouts/SideMenu.jsx
@@ -9,7 +9,7 @@ import HomeIcon from "@material-ui/icons/Home";
 import SettingsInputCompositeIcon from "@material-ui/icons/SettingsInputComposite";
 import { default as React, useEffect, useState } from "react";
 
-import { getStaticDashboardSubmenu } from "../../services/staticDashboards";
+import { getCustomDashboardSubmenu } from "../../services/customDashboards";
 import { hasRole, Permissions } from "../../utils/roles";
 import { useUserContext } from "../Contexts/UserContext";
 import SupersetDashboardList from "../SupersetDashboardList/SupersetDashboardList";
@@ -51,7 +51,7 @@ const menuData = [
     icon: <AssessmentIcon />,
     rolesPerProvider: Permissions.FiskerMagnaRead,
     component: SupersetDashboardList,
-    submenus: getStaticDashboardSubmenu(Permissions.FiskerMagnaRead),
+    submenus: getCustomDashboardSubmenu(Permissions.FiskerMagnaRead),
   },
   {
     label: "Suppliers",
diff --git a/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap b/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
index adb163a..f9e6128 100644
--- a/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
+++ b/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
@@ -253,30 +253,7 @@ exports[`SideMenu Authenticated 1`] = `
       </span>
       <ul
         style="margin-left: 50px;"
-      >
-        <li>
-          <a
-            aria-disabled="false"
-            class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-            href="/dashboards/0"
-            role="button"
-            tabindex="0"
-          >
-            <div
-              class="MuiListItemText-root"
-            >
-              <span
-                class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-              >
-                Vehicle Paths
-              </span>
-            </div>
-            <span
-              class="MuiTouchRipple-root"
-            />
-          </a>
-        </li>
-      </ul>
+      />
       <li>
         <a
           aria-disabled="false"
@@ -585,30 +562,7 @@ exports[`SideMenu Magna Authenticated 1`] = `
       </span>
       <ul
         style="margin-left: 50px;"
-      >
-        <li>
-          <a
-            aria-disabled="false"
-            class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-            href="/dashboards/0"
-            role="button"
-            tabindex="0"
-          >
-            <div
-              class="MuiListItemText-root"
-            >
-              <span
-                class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-              >
-                Vehicle Paths
-              </span>
-            </div>
-            <span
-              class="MuiTouchRipple-root"
-            />
-          </a>
-        </li>
-      </ul>
+      />
       <span>
         <li>
           <a
diff --git a/src/components/Routes/SiteRoutes.jsx b/src/components/Routes/SiteRoutes.jsx
index d23ffd6..96103ea 100644
--- a/src/components/Routes/SiteRoutes.jsx
+++ b/src/components/Routes/SiteRoutes.jsx
@@ -41,7 +41,7 @@ const SMSSend = React.lazy(() => import("../SMS/Send"));
 const SuppliersList = React.lazy(() => import("../Suppliers/List"));
 const SupplierDetails = React.lazy(() => import("../Suppliers/Details"));
 const Datascope = React.lazy(() => import("../Dashboard"));
-const StaticDashboard = React.lazy(() => import("../DashboardStatic"));
+const DashboardCustom = React.lazy(() => import("../DashboardCustom"));
 
 const SiteRoutes = () => {
   const { token, groups, providers } = useUserContext();
@@ -58,7 +58,7 @@ const SiteRoutes = () => {
         />
         <AuthRoute
           path="/dashboards/:index"
-          render={() => <StaticDashboard />}
+          render={() => <DashboardCustom />}
           type={TYPES.PROTECTED}
           token={token}
           groups={groups}
diff --git a/src/services/customDashboards.js b/src/services/customDashboards.js
new file mode 100644
index 0000000..8f9fe65
--- /dev/null
+++ b/src/services/customDashboards.js
@@ -0,0 +1,30 @@
+const INVALID_DASHBOARD = {
+  label: "Invalid Dashboard",
+  error: "Invalid Dashboard"
+}
+
+export const CustomDashboardList = [
+  /*
+  {
+    label: "IFrame example",
+    url: `https://www.fiskerinc.com/page.html`
+  },
+  {
+    label: "Custom Component Example",
+    component: <MyCustomComponent />
+  }
+  */
+];
+
+export const getCustomDashboard = (index) => {
+  if (index < 0 || index >= CustomDashboardList.length) return INVALID_DASHBOARD;
+  return CustomDashboardList[index];
+};
+
+export const getCustomDashboardSubmenu = (role) => {
+  return CustomDashboardList.map((item, index) => ({
+    label: item.label,
+    to: `/dashboards/${index}`,
+    rolesPerProvider: role,
+  }));
+}
diff --git a/src/services/staticDashboards.js b/src/services/staticDashboards.js
deleted file mode 100644
index a7f9f79..0000000
--- a/src/services/staticDashboards.js
+++ /dev/null
@@ -1,26 +0,0 @@
-const STATIC_DASHBOARDS_URL = process.env.REACT_APP_STATIC_DASHBOARDS_URL;
-
-const INVALID_DASHBOARD = {
-  label: "Invalid Dashboard",
-  error: "Invalid Dashboard"
-}
-
-export const StaticDashboardList = [
-  {
-    label: "Vehicle Paths",
-    url: `${STATIC_DASHBOARDS_URL}/paths.html`
-  }
-];
-
-export const getStaticDashboard = (index) => {
-  if (index < 0 || index >= StaticDashboardList.length) return INVALID_DASHBOARD;
-  return StaticDashboardList[index];
-};
-
-export const getStaticDashboardSubmenu = (role) => {
-  return StaticDashboardList.map((item, index) => ({
-    label: item.label,
-    to: `/dashboards/${index}`,
-    rolesPerProvider: role,
-  }));
-}