From 05b8e9fc3d2b97ec3aaba77579c74761c6ca20e6 Mon Sep 17 00:00:00 2001
From: Alexander Andrews
 <45926661+alexander-e-andrews@users.noreply.github.com>
Date: Fri, 28 Apr 2023 13:14:39 -0400
Subject: [PATCH] CEC-4231: Link to superset portal (#324)

* CEC-4231: Link to superset portal

* Update snapshots

---------

Co-authored-by: jwu-fisker <jwu@fiskerinc.com>
---
 .env.local                                    |    2 +-
 .../App/__snapshots__/App.test.js.snap        | 1410 ++++++-----------
 src/components/Layouts/SideMenu.jsx           |    6 +-
 .../__snapshots__/SideMenu.test.jsx.snap      |  188 +--
 4 files changed, 563 insertions(+), 1043 deletions(-)

diff --git a/.env.local b/.env.local
index c97b30e..71f52ab 100644
--- a/.env.local
+++ b/.env.local
@@ -7,7 +7,7 @@ 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_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
+REACT_APP_SUPERSET_URL=https://dev-superset.cloud.fiskerinc.com
 REACT_APP_ROLE_CREATE=efcc3025-e2d8-4212-8227-805c7be39d2c
 REACT_APP_ROLE_READ_ONLY=a729bbd4-2038-4649-9127-16782bb1e701
 REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
diff --git a/src/components/App/__snapshots__/App.test.js.snap b/src/components/App/__snapshots__/App.test.js.snap
index b3d9ca4..cbeb84b 100644
--- a/src/components/App/__snapshots__/App.test.js.snap
+++ b/src/components/App/__snapshots__/App.test.js.snap
@@ -269,72 +269,44 @@ exports[`App Route / authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -954,72 +926,44 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -1474,72 +1418,44 @@ exports[`App Route /home authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -2175,72 +2091,44 @@ exports[`App Route /issue-info authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -2787,72 +2675,44 @@ exports[`App Route /issues authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -3714,72 +3574,44 @@ exports[`App Route /package-deploy authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -4830,72 +4662,44 @@ exports[`App Route /package-status authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -5613,72 +5417,44 @@ exports[`App Route /packages authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -6660,72 +6436,44 @@ exports[`App Route /page-not-found authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -7288,72 +7036,44 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -8026,72 +7746,44 @@ exports[`App Route /tools/security-dll authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <span>
               <li>
                 <a
@@ -8582,72 +8274,44 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -9309,72 +8973,44 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -10454,72 +10090,44 @@ exports[`App Route /vehicle-status authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
@@ -11522,72 +11130,44 @@ exports[`App Route /vehicles authenticated 1`] = `
                 />
               </a>
             </li>
-            <span>
-              <li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://dev-superset.cloud.fiskerinc.com"
+                rel="noopener"
+                role="button"
+                tabindex="0"
+                target="_blank"
+              >
                 <div
-                  aria-disabled="false"
-                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                  role="button"
-                  tabindex="0"
+                  class="MuiListItemIcon-root"
                 >
-                  <div
-                    class="MuiListItemIcon-root"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiListItemText-root"
-                  >
-                    <span
-                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                    >
-                      Datascope
-                    </span>
-                  </div>
-                  <span
-                    class="MuiTouchRipple-root"
-                  />
+                    <path
+                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+                    />
+                  </svg>
                 </div>
-                <ul
-                  style="margin-left: 50px;"
+                <div
+                  class="MuiListItemText-root"
                 >
-                  <li>
-                    <a
-                      aria-disabled="false"
-                      class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                      href="/datascope/00000000-0000-0000-0000-000000000000"
-                      role="button"
-                      tabindex="0"
-                    >
-                      <div
-                        class="MuiListItemText-root"
-                      >
-                        <span
-                          class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                        >
-                          test title
-                        </span>
-                      </div>
-                      <span
-                        class="MuiTouchRipple-root"
-                      />
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </span>
-            <ul
-              style="margin-left: 50px;"
-            />
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Datascope
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
             <li>
               <a
                 aria-disabled="false"
diff --git a/src/components/Layouts/SideMenu.jsx b/src/components/Layouts/SideMenu.jsx
index cf46991..9ae72fd 100644
--- a/src/components/Layouts/SideMenu.jsx
+++ b/src/components/Layouts/SideMenu.jsx
@@ -9,10 +9,8 @@ import HomeIcon from "@material-ui/icons/Home";
 import SettingsInputCompositeIcon from "@material-ui/icons/SettingsInputComposite";
 import { default as React, useEffect, useState } from "react";
 
-import { getCustomDashboardSubmenu } from "../../services/customDashboards";
 import { hasRole, Permissions } from "../../utils/roles";
 import { useUserContext } from "../Contexts/UserContext";
-import SupersetDashboardList from "../SupersetDashboardList/SupersetDashboardList";
 import { ExpandableSideMenuItem, MenuItem } from "./MenuItem";
 const menuData = [
   {
@@ -47,11 +45,9 @@ const menuData = [
   },
   {
     label: "Datascope",
-    to: null,
+    url: process.env.REACT_APP_SUPERSET_URL,
     icon: <AssessmentIcon />,
     rolesPerProvider: Permissions.FiskerMagnaRead,
-    component: SupersetDashboardList,
-    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 f9e6128..a110e6c 100644
--- a/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
+++ b/src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
@@ -188,72 +188,44 @@ exports[`SideMenu Authenticated 1`] = `
           />
         </a>
       </li>
-      <span>
-        <li>
+      <li>
+        <a
+          aria-disabled="false"
+          class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+          href="https://dev-superset.cloud.fiskerinc.com"
+          rel="noopener"
+          role="button"
+          tabindex="0"
+          target="_blank"
+        >
           <div
-            aria-disabled="false"
-            class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-            role="button"
-            tabindex="0"
+            class="MuiListItemIcon-root"
           >
-            <div
-              class="MuiListItemIcon-root"
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root"
+              focusable="false"
+              viewBox="0 0 24 24"
             >
-              <svg
-                aria-hidden="true"
-                class="MuiSvgIcon-root"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                />
-              </svg>
-            </div>
-            <div
-              class="MuiListItemText-root"
-            >
-              <span
-                class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-              >
-                Datascope
-              </span>
-            </div>
-            <span
-              class="MuiTouchRipple-root"
-            />
+              <path
+                d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+              />
+            </svg>
           </div>
-          <ul
-            style="margin-left: 50px;"
+          <div
+            class="MuiListItemText-root"
           >
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/datascope/00000000-0000-0000-0000-000000000000"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    test title
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-          </ul>
-        </li>
-      </span>
-      <ul
-        style="margin-left: 50px;"
-      />
+            <span
+              class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+            >
+              Datascope
+            </span>
+          </div>
+          <span
+            class="MuiTouchRipple-root"
+          />
+        </a>
+      </li>
       <li>
         <a
           aria-disabled="false"
@@ -497,72 +469,44 @@ exports[`SideMenu Magna Authenticated 1`] = `
           />
         </a>
       </li>
-      <span>
-        <li>
+      <li>
+        <a
+          aria-disabled="false"
+          class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+          href="https://dev-superset.cloud.fiskerinc.com"
+          rel="noopener"
+          role="button"
+          tabindex="0"
+          target="_blank"
+        >
           <div
-            aria-disabled="false"
-            class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-            role="button"
-            tabindex="0"
+            class="MuiListItemIcon-root"
           >
-            <div
-              class="MuiListItemIcon-root"
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root"
+              focusable="false"
+              viewBox="0 0 24 24"
             >
-              <svg
-                aria-hidden="true"
-                class="MuiSvgIcon-root"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
-                />
-              </svg>
-            </div>
-            <div
-              class="MuiListItemText-root"
-            >
-              <span
-                class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-              >
-                Datascope
-              </span>
-            </div>
-            <span
-              class="MuiTouchRipple-root"
-            />
+              <path
+                d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
+              />
+            </svg>
           </div>
-          <ul
-            style="margin-left: 50px;"
+          <div
+            class="MuiListItemText-root"
           >
-            <li>
-              <a
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
-                href="/datascope/00000000-0000-0000-0000-000000000000"
-                role="button"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemText-root"
-                >
-                  <span
-                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
-                  >
-                    test title
-                  </span>
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </a>
-            </li>
-          </ul>
-        </li>
-      </span>
-      <ul
-        style="margin-left: 50px;"
-      />
+            <span
+              class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+            >
+              Datascope
+            </span>
+          </div>
+          <span
+            class="MuiTouchRipple-root"
+          />
+        </a>
+      </li>
       <span>
         <li>
           <a