From d8f14aaeba5f5e2e5592359154f93643f1e02c4e Mon Sep 17 00:00:00 2001
From: John Wu <76966357+jwu-fisker@users.noreply.github.com>
Date: Wed, 2 Jun 2021 11:26:38 -0700
Subject: [PATCH] Update Dashboard Charts (#47)

* Update dashboard charts

* Remove chart time lock

* Update snapshot test
---
 src/components/App/App.test.js                |  10 +
 .../App/__snapshots__/App.test.js.snap        | 823 ++++++++++++------
 src/components/Dashboard/index.jsx            |  11 +-
 .../Create/__snapshots__/Create.test.js.snap  |  16 +-
 src/components/useStyles.jsx                  |   3 +
 5 files changed, 607 insertions(+), 256 deletions(-)

diff --git a/src/components/App/App.test.js b/src/components/App/App.test.js
index 65ede98..86b9731 100644
--- a/src/components/App/App.test.js
+++ b/src/components/App/App.test.js
@@ -91,6 +91,10 @@ describe("App", () => {
     await check("/vehicles-command", "span.MuiButton-label", "Sign In");
   });
 
+  it("Route /dashboard unauthenticated", async () => {
+    await check("/dashboard", "span.MuiButton-label", "Sign In");
+  });
+
   it("Route / authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
     await check("/", "h1", "Welcome John!");
@@ -154,4 +158,10 @@ describe("App", () => {
     setToken(TEST_AUTH_OBJECT);
     await check("/carupdate-deploy/1", "h6", "Deploy  ");
   });
+
+  it("Route /dashboard authenticated", async () => {
+    setToken(TEST_AUTH_OBJECT);
+    await check("/dashboard", "h6", "Dashboard");
+  });
+
 });
diff --git a/src/components/App/__snapshots__/App.test.js.snap b/src/components/App/__snapshots__/App.test.js.snap
index 100fc98..dde53f1 100644
--- a/src/components/App/__snapshots__/App.test.js.snap
+++ b/src/components/App/__snapshots__/App.test.js.snap
@@ -6,10 +6,10 @@ exports[`App Route / authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-355"
+      class="makeStyles-root-398"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-356 makeStyles-appBarShift-357 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-399 makeStyles-appBarShift-400 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -18,7 +18,7 @@ exports[`App Route / authenticated 1`] = `
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           />
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-365 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-408 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -34,17 +34,17 @@ exports[`App Route / authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-360"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-403"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-361 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-404 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-362"
+            class="makeStyles-drawerHeader-405"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-371"
+              class="makeStyles-logo-414"
               src="fisker-badge.svg"
             />
           </div>
@@ -237,16 +237,16 @@ exports[`App Route / authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-363 makeStyles-contentShift-364"
+        class="makeStyles-content-406 makeStyles-contentShift-407"
       >
         <div
-          class="makeStyles-drawerHeader-362"
+          class="makeStyles-drawerHeader-405"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-344"
+            class="makeStyles-paper-387"
           >
             <h1
               class="MuiTypography-root MuiTypography-h5"
@@ -322,10 +322,10 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-747"
+      class="makeStyles-root-802"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-748 makeStyles-appBarShift-749 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-803 makeStyles-appBarShift-804 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -336,7 +336,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
             Deploy  
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-757 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-812 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -352,17 +352,17 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-752"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-807"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-753 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-808 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-754"
+            class="makeStyles-drawerHeader-809"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-763"
+              class="makeStyles-logo-818"
               src="fisker-badge.svg"
             />
           </div>
@@ -555,10 +555,10 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-755 makeStyles-contentShift-756"
+        class="makeStyles-content-810 makeStyles-contentShift-811"
       >
         <div
-          class="makeStyles-drawerHeader-754"
+          class="makeStyles-drawerHeader-809"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -570,11 +570,11 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
               data-testid="mocked-updatesprovider"
             >
               <div
-                class="makeStyles-paper-736"
+                class="makeStyles-paper-791"
               >
                 <form
                   action="{onSubmit}"
-                  class="makeStyles-form-738"
+                  class="makeStyles-form-793"
                   novalidate=""
                 >
                   <p
@@ -586,13 +586,13 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                     No description
                   </p>
                   <div
-                    class="MuiGrid-root makeStyles-root-747 MuiGrid-container MuiGrid-spacing-xs-2"
+                    class="MuiGrid-root makeStyles-root-802 MuiGrid-container MuiGrid-spacing-xs-2"
                   >
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                     >
                       <div
-                        class="MuiFormControl-root makeStyles-margin-760 makeStyles-textField-761"
+                        class="MuiFormControl-root makeStyles-margin-815 makeStyles-textField-816"
                       >
                         <label
                           class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -642,7 +642,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                         </div>
                       </div>
                       <div
-                        class="makeStyles-labelInline-742"
+                        class="makeStyles-labelInline-797"
                       >
                         0 Selected
                       </div>
@@ -652,7 +652,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                       style="text-align: right;"
                     >
                       <button
-                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-740 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
+                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-795 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                         disabled=""
                         tabindex="-1"
                         type="submit"
@@ -666,7 +666,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                     </div>
                   </div>
                   <div
-                    class="makeStyles-paper-736"
+                    class="makeStyles-paper-791"
                     style="height: 700px; width: 100%;"
                   >
                     <table
@@ -684,14 +684,14 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                           >
                             <span
                               aria-disabled="false"
-                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-765 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-821 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                             >
                               <span
                                 class="MuiIconButton-label"
                               >
                                 <input
                                   aria-label="select all desserts"
-                                  class="PrivateSwitchBase-input-768"
+                                  class="PrivateSwitchBase-input-824"
                                   data-indeterminate="false"
                                   type="checkbox"
                                   value=""
@@ -725,7 +725,7 @@ exports[`App Route /carupdate-deploy authenticated 1`] = `
                             >
                               VIN
                               <span
-                                class="makeStyles-hiddenSortSpan-759"
+                                class="makeStyles-hiddenSortSpan-814"
                               >
                                 sorted ascending
                               </span>
@@ -1005,10 +1005,10 @@ exports[`App Route /carupdate-deploy unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-200"
+      class="makeStyles-root-206"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-201 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-207 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1019,21 +1019,21 @@ exports[`App Route /carupdate-deploy unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-208"
+        class="makeStyles-content-214"
       >
         <div
-          class="makeStyles-drawerHeader-207"
+          class="makeStyles-drawerHeader-213"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-189"
+            class="makeStyles-paper-195"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-192 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-198 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1060,10 +1060,10 @@ exports[`App Route /carupdate-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-553"
+      class="makeStyles-root-602"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-554 makeStyles-appBarShift-555 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-603 makeStyles-appBarShift-604 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1072,7 +1072,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           />
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-563 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-612 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1088,17 +1088,17 @@ exports[`App Route /carupdate-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-558"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-607"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-559 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-608 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-560"
+            class="makeStyles-drawerHeader-609"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-569"
+              class="makeStyles-logo-618"
               src="fisker-badge.svg"
             />
           </div>
@@ -1291,10 +1291,10 @@ exports[`App Route /carupdate-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-561 makeStyles-contentShift-562"
+        class="makeStyles-content-610 makeStyles-contentShift-611"
       >
         <div
-          class="makeStyles-drawerHeader-560"
+          class="makeStyles-drawerHeader-609"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -1303,7 +1303,7 @@ exports[`App Route /carupdate-status authenticated 1`] = `
             data-testid="mocked-updatesprovider"
           >
             <div
-              class="makeStyles-paper-542"
+              class="makeStyles-paper-591"
               style="height: 700px; width: 100%;"
             >
               <table
@@ -1491,10 +1491,10 @@ exports[`App Route /carupdate-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-231"
+      class="makeStyles-root-238"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-232 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-239 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1505,21 +1505,350 @@ exports[`App Route /carupdate-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-239"
+        class="makeStyles-content-246"
       >
         <div
-          class="makeStyles-drawerHeader-238"
+          class="makeStyles-drawerHeader-245"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-220"
+            class="makeStyles-paper-227"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-223 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-230 MuiButton-containedPrimary"
+              href="https://cognito.com/authorize?redirect=https://example.com/callback"
+              tabindex="0"
+            >
+              <span
+                class="MuiButton-label"
+              >
+                Sign In
+              </span>
+              <span
+                class="MuiTouchRipple-root"
+              />
+            </a>
+          </div>
+        </main>
+      </main>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`App Route /dashboard authenticated 1`] = `
+<div>
+  <div
+    data-testid="mocked-userprovider"
+  >
+    <div
+      class="makeStyles-root-838"
+    >
+      <header
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-839 makeStyles-appBarShift-840 mui-00000fixed MuiPaper-elevation4"
+      >
+        <div
+          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
+        >
+          <h6
+            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
+          >
+            Dashboard
+          </h6>
+          <button
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-848 MuiButton-colorInherit"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="MuiButton-label"
+            >
+              Sign Out
+            </span>
+            <span
+              class="MuiTouchRipple-root"
+            />
+          </button>
+        </div>
+      </header>
+      <div
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-843"
+      >
+        <div
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-844 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+        >
+          <div
+            class="makeStyles-drawerHeader-845"
+          >
+            <img
+              alt="Fisker Admin Portal"
+              class="makeStyles-logo-854"
+              src="fisker-badge.svg"
+            />
+          </div>
+          <hr
+            class="MuiDivider-root"
+          />
+          <ul
+            class="MuiList-root MuiList-padding"
+          >
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/home"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Home
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/dashboard"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Dashboard
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/updates"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Deploy Packages
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/package-upload"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Create Package
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/vehicles"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    View Vehicles
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/vehicle-add"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Add Vehicle
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+                href="/vehicles-command"
+                role="button"
+                tabindex="0"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Send Command
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+            <li>
+              <a
+                aria-disabled="false"
+                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
+                href="https://grafana.fiskerdps.com"
+                rel="noopener"
+                role="button"
+                style="text-decoration: inherit;"
+                tabindex="0"
+                target="_blank"
+              >
+                <div
+                  class="MuiListItemText-root"
+                >
+                  <span
+                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+                  >
+                    Create Charts
+                  </span>
+                </div>
+                <span
+                  class="MuiTouchRipple-root"
+                />
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <main
+        class="makeStyles-content-846 makeStyles-contentShift-847"
+      >
+        <div
+          class="makeStyles-drawerHeader-845"
+        />
+        <main
+          class="MuiContainer-root MuiContainer-maxWidthLg"
+        >
+          <div
+            class="makeStyles-paper-827"
+          >
+            <iframe
+              class="makeStyles-iframe-856"
+              frameborder="0"
+              height="400"
+              src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=5s&panelId=6"
+              title="Vehicle Connected"
+              width="900"
+            />
+            <iframe
+              class="makeStyles-iframe-856"
+              frameborder="0"
+              height="400"
+              src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=5s&panelId=2"
+              title="Vehicle Signals"
+              width="900"
+            />
+          </div>
+        </main>
+      </main>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`App Route /dashboard unauthenticated 1`] = `
+<div>
+  <div
+    data-testid="mocked-userprovider"
+  >
+    <div
+      class="makeStyles-root-366"
+    >
+      <header
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-367 mui-00000fixed MuiPaper-elevation4"
+      >
+        <div
+          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
+        >
+          <h6
+            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
+          />
+        </div>
+      </header>
+      <main
+        class="makeStyles-content-374"
+      >
+        <div
+          class="makeStyles-drawerHeader-373"
+        />
+        <main
+          class="MuiContainer-root MuiContainer-maxWidthLg"
+        >
+          <div
+            class="makeStyles-paper-355"
+            style="justify-content: center;"
+          >
+            <a
+              aria-disabled="false"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-358 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1546,10 +1875,10 @@ exports[`App Route /home authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-386"
+      class="makeStyles-root-430"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-387 makeStyles-appBarShift-388 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-431 makeStyles-appBarShift-432 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1558,7 +1887,7 @@ exports[`App Route /home authenticated 1`] = `
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           />
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-396 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-440 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1574,17 +1903,17 @@ exports[`App Route /home authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-391"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-435"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-392 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-436 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-393"
+            class="makeStyles-drawerHeader-437"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-402"
+              class="makeStyles-logo-446"
               src="fisker-badge.svg"
             />
           </div>
@@ -1777,16 +2106,16 @@ exports[`App Route /home authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-394 makeStyles-contentShift-395"
+        class="makeStyles-content-438 makeStyles-contentShift-439"
       >
         <div
-          class="makeStyles-drawerHeader-393"
+          class="makeStyles-drawerHeader-437"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-375"
+            class="makeStyles-paper-419"
           >
             <h1
               class="MuiTypography-root MuiTypography-h5"
@@ -1807,10 +2136,10 @@ exports[`App Route /home unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-45"
+      class="makeStyles-root-46"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-46 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-47 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1821,21 +2150,21 @@ exports[`App Route /home unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-53"
+        class="makeStyles-content-54"
       >
         <div
-          class="makeStyles-drawerHeader-52"
+          class="makeStyles-drawerHeader-53"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-34"
+            class="makeStyles-paper-35"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-37 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-38 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -1862,10 +2191,10 @@ exports[`App Route /package-upload authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-417"
+      class="makeStyles-root-462"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-418 makeStyles-appBarShift-419 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-463 makeStyles-appBarShift-464 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -1876,7 +2205,7 @@ exports[`App Route /package-upload authenticated 1`] = `
             Create Update Package
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-427 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-472 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -1892,17 +2221,17 @@ exports[`App Route /package-upload authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-422"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-467"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-423 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-468 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-424"
+            class="makeStyles-drawerHeader-469"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-433"
+              class="makeStyles-logo-478"
               src="fisker-badge.svg"
             />
           </div>
@@ -2095,10 +2424,10 @@ exports[`App Route /package-upload authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-425 makeStyles-contentShift-426"
+        class="makeStyles-content-470 makeStyles-contentShift-471"
       >
         <div
-          class="makeStyles-drawerHeader-424"
+          class="makeStyles-drawerHeader-469"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -2107,11 +2436,11 @@ exports[`App Route /package-upload authenticated 1`] = `
             data-testid="mocked-fileuploadprovider"
           >
             <div
-              class="makeStyles-paper-406"
+              class="makeStyles-paper-451"
             >
               <form
                 action="{onSubmit}"
-                class="makeStyles-form-408"
+                class="makeStyles-form-453"
                 novalidate=""
               >
                 <div
@@ -2147,10 +2476,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-435 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-481 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-437"
+                        class="PrivateNotchedOutline-legendLabelled-483"
                       >
                         <span>
                           Package name
@@ -2193,10 +2522,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-435 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-481 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-437"
+                        class="PrivateNotchedOutline-legendLabelled-483"
                       >
                         <span>
                           Version
@@ -2239,10 +2568,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-435 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-481 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-437"
+                        class="PrivateNotchedOutline-legendLabelled-483"
                       >
                         <span>
                           Description
@@ -2286,10 +2615,10 @@ exports[`App Route /package-upload authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-435 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-481 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-437"
+                        class="PrivateNotchedOutline-legendLabelled-483"
                       >
                         <span>
                           Release Notes URL
@@ -2331,7 +2660,7 @@ exports[`App Route /package-upload authenticated 1`] = `
                   </div>
                 </div>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-409 MuiButton-containedPrimary MuiButton-fullWidth"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-454 MuiButton-containedPrimary MuiButton-fullWidth"
                   tabindex="0"
                   type="submit"
                 >
@@ -2360,10 +2689,10 @@ exports[`App Route /package-upload unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-76"
+      class="makeStyles-root-78"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-77 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-79 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2374,21 +2703,21 @@ exports[`App Route /package-upload unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-84"
+        class="makeStyles-content-86"
       >
         <div
-          class="makeStyles-drawerHeader-83"
+          class="makeStyles-drawerHeader-85"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-65"
+            class="makeStyles-paper-67"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-68 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-70 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -2415,10 +2744,10 @@ exports[`App Route /page-not-found authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-716"
+      class="makeStyles-root-770"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-717 makeStyles-appBarShift-718 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-771 makeStyles-appBarShift-772 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2427,7 +2756,7 @@ exports[`App Route /page-not-found authenticated 1`] = `
             class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
           />
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-726 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-780 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -2443,17 +2772,17 @@ exports[`App Route /page-not-found authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-721"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-775"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-722 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-776 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-723"
+            class="makeStyles-drawerHeader-777"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-732"
+              class="makeStyles-logo-786"
               src="fisker-badge.svg"
             />
           </div>
@@ -2646,16 +2975,16 @@ exports[`App Route /page-not-found authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-724 makeStyles-contentShift-725"
+        class="makeStyles-content-778 makeStyles-contentShift-779"
       >
         <div
-          class="makeStyles-drawerHeader-723"
+          class="makeStyles-drawerHeader-777"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-705"
+            class="makeStyles-paper-759"
           >
             <h1
               class="MuiTypography-root MuiTypography-h2"
@@ -2676,10 +3005,10 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-685"
+      class="makeStyles-root-738"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-686 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-739 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2690,16 +3019,16 @@ exports[`App Route /page-not-found unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-693"
+        class="makeStyles-content-746"
       >
         <div
-          class="makeStyles-drawerHeader-692"
+          class="makeStyles-drawerHeader-745"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-674"
+            class="makeStyles-paper-727"
           >
             <h1
               class="MuiTypography-root MuiTypography-h2"
@@ -2720,10 +3049,10 @@ exports[`App Route /update authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-518"
+      class="makeStyles-root-566"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-519 makeStyles-appBarShift-520 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-567 makeStyles-appBarShift-568 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -2734,7 +3063,7 @@ exports[`App Route /update authenticated 1`] = `
             Edit Update Package 1
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-528 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-576 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -2750,17 +3079,17 @@ exports[`App Route /update authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-523"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-571"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-524 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-572 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-525"
+            class="makeStyles-drawerHeader-573"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-534"
+              class="makeStyles-logo-582"
               src="fisker-badge.svg"
             />
           </div>
@@ -2953,10 +3282,10 @@ exports[`App Route /update authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-526 makeStyles-contentShift-527"
+        class="makeStyles-content-574 makeStyles-contentShift-575"
       >
         <div
-          class="makeStyles-drawerHeader-525"
+          class="makeStyles-drawerHeader-573"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -2965,11 +3294,11 @@ exports[`App Route /update authenticated 1`] = `
             data-testid="mocked-updatesprovider"
           >
             <div
-              class="makeStyles-paper-507"
+              class="makeStyles-paper-555"
             >
               <form
                 action="{onSubmit}"
-                class="makeStyles-form-509"
+                class="makeStyles-form-557"
                 novalidate=""
               >
                 <div
@@ -3027,10 +3356,10 @@ exports[`App Route /update authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-536 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-585 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-538"
+                        class="PrivateNotchedOutline-legendLabelled-587"
                       >
                         <span>
                           Package name
@@ -3073,10 +3402,10 @@ exports[`App Route /update authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-536 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-585 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-538"
+                        class="PrivateNotchedOutline-legendLabelled-587"
                       >
                         <span>
                           Version
@@ -3119,10 +3448,10 @@ exports[`App Route /update authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-536 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-585 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-538"
+                        class="PrivateNotchedOutline-legendLabelled-587"
                       >
                         <span>
                           Package link
@@ -3157,10 +3486,10 @@ exports[`App Route /update authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-536 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-585 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-538"
+                        class="PrivateNotchedOutline-legendLabelled-587"
                       >
                         <span>
                           Description
@@ -3195,10 +3524,10 @@ exports[`App Route /update authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-536 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-585 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-538"
+                        class="PrivateNotchedOutline-legendLabelled-587"
                       >
                         <span>
                           Release Notes URL
@@ -3208,7 +3537,7 @@ exports[`App Route /update authenticated 1`] = `
                   </div>
                 </div>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-510 MuiButton-containedPrimary MuiButton-fullWidth"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-558 MuiButton-containedPrimary MuiButton-fullWidth"
                   tabindex="0"
                   type="submit"
                 >
@@ -3237,10 +3566,10 @@ exports[`App Route /update unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-169"
+      class="makeStyles-root-174"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-170 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-175 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3251,21 +3580,21 @@ exports[`App Route /update unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-177"
+        class="makeStyles-content-182"
       >
         <div
-          class="makeStyles-drawerHeader-176"
+          class="makeStyles-drawerHeader-181"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-158"
+            class="makeStyles-paper-163"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-161 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-166 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -3292,10 +3621,10 @@ exports[`App Route /updates authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-487"
+      class="makeStyles-root-534"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-488 makeStyles-appBarShift-489 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-535 makeStyles-appBarShift-536 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3306,7 +3635,7 @@ exports[`App Route /updates authenticated 1`] = `
             Deploy Packages
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-497 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-544 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -3322,17 +3651,17 @@ exports[`App Route /updates authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-492"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-539"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-493 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-540 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-494"
+            class="makeStyles-drawerHeader-541"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-503"
+              class="makeStyles-logo-550"
               src="fisker-badge.svg"
             />
           </div>
@@ -3525,10 +3854,10 @@ exports[`App Route /updates authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-495 makeStyles-contentShift-496"
+        class="makeStyles-content-542 makeStyles-contentShift-543"
       >
         <div
-          class="makeStyles-drawerHeader-494"
+          class="makeStyles-drawerHeader-541"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -3537,14 +3866,14 @@ exports[`App Route /updates authenticated 1`] = `
             data-testid="mocked-updatesprovider"
           >
             <div
-              class="makeStyles-paper-476"
+              class="makeStyles-paper-523"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-502 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-549 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-500 makeStyles-textField-501"
+                  class="MuiFormControl-root makeStyles-margin-547 makeStyles-textField-548"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -3616,7 +3945,7 @@ exports[`App Route /updates authenticated 1`] = `
                       >
                         ID
                         <span
-                          class="makeStyles-hiddenSortSpan-499"
+                          class="makeStyles-hiddenSortSpan-546"
                         >
                           sorted descending
                         </span>
@@ -3853,10 +4182,10 @@ exports[`App Route /updates unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-138"
+      class="makeStyles-root-142"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-139 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-143 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3867,21 +4196,21 @@ exports[`App Route /updates unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-146"
+        class="makeStyles-content-150"
       >
         <div
-          class="makeStyles-drawerHeader-145"
+          class="makeStyles-drawerHeader-149"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-127"
+            class="makeStyles-paper-131"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-130 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-134 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -3908,10 +4237,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-452"
+      class="makeStyles-root-498"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-453 makeStyles-appBarShift-454 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-499 makeStyles-appBarShift-500 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -3922,7 +4251,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             Add Vehicle
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-462 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-508 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -3938,17 +4267,17 @@ exports[`App Route /vehicle-add authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-457"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-503"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-458 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-504 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-459"
+            class="makeStyles-drawerHeader-505"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-468"
+              class="makeStyles-logo-514"
               src="fisker-badge.svg"
             />
           </div>
@@ -4141,10 +4470,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-460 makeStyles-contentShift-461"
+        class="makeStyles-content-506 makeStyles-contentShift-507"
       >
         <div
-          class="makeStyles-drawerHeader-459"
+          class="makeStyles-drawerHeader-505"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -4153,11 +4482,11 @@ exports[`App Route /vehicle-add authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-441"
+              class="makeStyles-paper-487"
             >
               <form
                 action="{onSubmit}"
-                class="makeStyles-form-443"
+                class="makeStyles-form-489"
                 novalidate=""
               >
                 <div
@@ -4193,10 +4522,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-470 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-517 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-472"
+                        class="PrivateNotchedOutline-legendLabelled-519"
                       >
                         <span>
                           VIN
@@ -4239,10 +4568,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-470 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-517 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-472 PrivateNotchedOutline-legendNotched-473"
+                        class="PrivateNotchedOutline-legendLabelled-519 PrivateNotchedOutline-legendNotched-520"
                       >
                         <span>
                           Model
@@ -4286,10 +4615,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-470 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-517 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-472 PrivateNotchedOutline-legendNotched-473"
+                        class="PrivateNotchedOutline-legendLabelled-519 PrivateNotchedOutline-legendNotched-520"
                       >
                         <span>
                           Year
@@ -4333,10 +4662,10 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                     />
                     <fieldset
                       aria-hidden="true"
-                      class="PrivateNotchedOutline-root-470 MuiOutlinedInput-notchedOutline"
+                      class="PrivateNotchedOutline-root-517 MuiOutlinedInput-notchedOutline"
                     >
                       <legend
-                        class="PrivateNotchedOutline-legendLabelled-472 PrivateNotchedOutline-legendNotched-473"
+                        class="PrivateNotchedOutline-legendLabelled-519 PrivateNotchedOutline-legendNotched-520"
                       >
                         <span>
                           Trim
@@ -4347,7 +4676,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
                   </div>
                 </div>
                 <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-444 MuiButton-containedPrimary MuiButton-fullWidth"
+                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-490 MuiButton-containedPrimary MuiButton-fullWidth"
                   tabindex="0"
                   type="submit"
                 >
@@ -4376,10 +4705,10 @@ exports[`App Route /vehicle-add unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-107"
+      class="makeStyles-root-110"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-108 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-111 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4390,21 +4719,21 @@ exports[`App Route /vehicle-add unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-115"
+        class="makeStyles-content-118"
       >
         <div
-          class="makeStyles-drawerHeader-114"
+          class="makeStyles-drawerHeader-117"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-96"
+            class="makeStyles-paper-99"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-99 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-102 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -4431,10 +4760,10 @@ exports[`App Route /vehicle-status authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-615"
+      class="makeStyles-root-666"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-616 makeStyles-appBarShift-617 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-667 makeStyles-appBarShift-668 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4445,7 +4774,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
             Vehicle FISKER123 Details
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-625 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-676 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -4461,17 +4790,17 @@ exports[`App Route /vehicle-status authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-620"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-671"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-621 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-672 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-622"
+            class="makeStyles-drawerHeader-673"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-631"
+              class="makeStyles-logo-682"
               src="fisker-badge.svg"
             />
           </div>
@@ -4664,10 +4993,10 @@ exports[`App Route /vehicle-status authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-623 makeStyles-contentShift-624"
+        class="makeStyles-content-674 makeStyles-contentShift-675"
       >
         <div
-          class="makeStyles-drawerHeader-622"
+          class="makeStyles-drawerHeader-673"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -4679,7 +5008,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
               data-testid="mocked-updatesprovider"
             >
               <div
-                class="makeStyles-paper-604"
+                class="makeStyles-paper-655"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -4704,7 +5033,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
                         >
                           ID
                           <span
-                            class="makeStyles-hiddenSortSpan-627"
+                            class="makeStyles-hiddenSortSpan-678"
                           >
                             sorted descending
                           </span>
@@ -4959,10 +5288,10 @@ exports[`App Route /vehicle-status unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-293"
+      class="makeStyles-root-302"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-294 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-303 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -4973,21 +5302,21 @@ exports[`App Route /vehicle-status unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-301"
+        class="makeStyles-content-310"
       >
         <div
-          class="makeStyles-drawerHeader-300"
+          class="makeStyles-drawerHeader-309"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-282"
+            class="makeStyles-paper-291"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-285 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-294 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -5014,10 +5343,10 @@ exports[`App Route /vehicles authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-584"
+      class="makeStyles-root-634"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-585 makeStyles-appBarShift-586 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-635 makeStyles-appBarShift-636 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5028,7 +5357,7 @@ exports[`App Route /vehicles authenticated 1`] = `
             Vehicles
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-594 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-644 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -5044,17 +5373,17 @@ exports[`App Route /vehicles authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-589"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-639"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-590 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-640 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-591"
+            class="makeStyles-drawerHeader-641"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-600"
+              class="makeStyles-logo-650"
               src="fisker-badge.svg"
             />
           </div>
@@ -5247,10 +5576,10 @@ exports[`App Route /vehicles authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-592 makeStyles-contentShift-593"
+        class="makeStyles-content-642 makeStyles-contentShift-643"
       >
         <div
-          class="makeStyles-drawerHeader-591"
+          class="makeStyles-drawerHeader-641"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -5259,14 +5588,14 @@ exports[`App Route /vehicles authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-573"
+              class="makeStyles-paper-623"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-599 MuiToolbar-gutters"
+                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-649 MuiToolbar-gutters"
               >
                 <div
-                  class="MuiFormControl-root makeStyles-margin-597 makeStyles-textField-598"
+                  class="MuiFormControl-root makeStyles-margin-647 makeStyles-textField-648"
                 >
                   <label
                     class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -5338,7 +5667,7 @@ exports[`App Route /vehicles authenticated 1`] = `
                       >
                         VIN
                         <span
-                          class="makeStyles-hiddenSortSpan-596"
+                          class="makeStyles-hiddenSortSpan-646"
                         >
                           sorted ascending
                         </span>
@@ -5615,10 +5944,10 @@ exports[`App Route /vehicles unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-262"
+      class="makeStyles-root-270"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-263 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-271 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5629,21 +5958,21 @@ exports[`App Route /vehicles unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-270"
+        class="makeStyles-content-278"
       >
         <div
-          class="makeStyles-drawerHeader-269"
+          class="makeStyles-drawerHeader-277"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-251"
+            class="makeStyles-paper-259"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-254 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-262 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
@@ -5670,10 +5999,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-646"
+      class="makeStyles-root-698"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-647 makeStyles-appBarShift-648 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-699 makeStyles-appBarShift-700 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -5684,7 +6013,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
             Send Command
           </h6>
           <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-656 MuiButton-colorInherit"
+            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-708 MuiButton-colorInherit"
             tabindex="0"
             type="button"
           >
@@ -5700,17 +6029,17 @@ exports[`App Route /vehicles-command authenticated 1`] = `
         </div>
       </header>
       <div
-        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-651"
+        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-703"
       >
         <div
-          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-652 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-704 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
         >
           <div
-            class="makeStyles-drawerHeader-653"
+            class="makeStyles-drawerHeader-705"
           >
             <img
               alt="Fisker Admin Portal"
-              class="makeStyles-logo-662"
+              class="makeStyles-logo-714"
               src="fisker-badge.svg"
             />
           </div>
@@ -5903,10 +6232,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
         </div>
       </div>
       <main
-        class="makeStyles-content-654 makeStyles-contentShift-655"
+        class="makeStyles-content-706 makeStyles-contentShift-707"
       >
         <div
-          class="makeStyles-drawerHeader-653"
+          class="makeStyles-drawerHeader-705"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
@@ -5915,17 +6244,17 @@ exports[`App Route /vehicles-command authenticated 1`] = `
             data-testid="mocked-vehicleprovider"
           >
             <div
-              class="makeStyles-paper-635"
+              class="makeStyles-paper-687"
               style="height: 700px; width: 100%;"
             >
               <div
-                class="MuiGrid-root makeStyles-root-646 MuiGrid-container MuiGrid-spacing-xs-2"
+                class="MuiGrid-root makeStyles-root-698 MuiGrid-container MuiGrid-spacing-xs-2"
               >
                 <div
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
                 >
                   <div
-                    class="MuiFormControl-root makeStyles-margin-659 makeStyles-textField-660"
+                    class="MuiFormControl-root makeStyles-margin-711 makeStyles-textField-712"
                   >
                     <label
                       class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
@@ -5975,7 +6304,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                     </div>
                   </div>
                   <div
-                    class="makeStyles-labelInline-641"
+                    class="makeStyles-labelInline-693"
                   >
                     0 Selected
                   </div>
@@ -5985,10 +6314,10 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                   style="text-align: right;"
                 >
                   <div
-                    class="makeStyles-form-637"
+                    class="makeStyles-form-689"
                   >
                     <div
-                      class="MuiFormControl-root makeStyles-formControlInline-640"
+                      class="MuiFormControl-root makeStyles-formControlInline-692"
                     >
                       <label
                         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -6050,11 +6379,11 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         </svg>
                         <fieldset
                           aria-hidden="true"
-                          class="PrivateNotchedOutline-root-664 MuiOutlinedInput-notchedOutline"
+                          class="PrivateNotchedOutline-root-717 MuiOutlinedInput-notchedOutline"
                           style="padding-left: 8px;"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-665"
+                            class="PrivateNotchedOutline-legend-718"
                             style="width: 0.01px;"
                           >
                             <span>
@@ -6065,7 +6394,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                       </div>
                     </div>
                     <div
-                      class="MuiFormControl-root makeStyles-formControlInline-640"
+                      class="MuiFormControl-root makeStyles-formControlInline-692"
                     >
                       <label
                         class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
@@ -6122,11 +6451,11 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         </svg>
                         <fieldset
                           aria-hidden="true"
-                          class="PrivateNotchedOutline-root-664 MuiOutlinedInput-notchedOutline"
+                          class="PrivateNotchedOutline-root-717 MuiOutlinedInput-notchedOutline"
                           style="padding-left: 8px;"
                         >
                           <legend
-                            class="PrivateNotchedOutline-legend-665"
+                            class="PrivateNotchedOutline-legend-718"
                             style="width: 0.01px;"
                           >
                             <span>
@@ -6162,7 +6491,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                 </div>
               </div>
               <div
-                class="makeStyles-paper-635"
+                class="makeStyles-paper-687"
                 style="height: 700px; width: 100%;"
               >
                 <table
@@ -6180,14 +6509,14 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                       >
                         <span
                           aria-disabled="false"
-                          class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-668 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                          class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-721 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                         >
                           <span
                             class="MuiIconButton-label"
                           >
                             <input
                               aria-label="select all desserts"
-                              class="PrivateSwitchBase-input-671"
+                              class="PrivateSwitchBase-input-724"
                               data-indeterminate="false"
                               type="checkbox"
                               value=""
@@ -6221,7 +6550,7 @@ exports[`App Route /vehicles-command authenticated 1`] = `
                         >
                           VIN
                           <span
-                            class="makeStyles-hiddenSortSpan-658"
+                            class="makeStyles-hiddenSortSpan-710"
                           >
                             sorted ascending
                           </span>
@@ -6499,10 +6828,10 @@ exports[`App Route /vehicles-command unauthenticated 1`] = `
     data-testid="mocked-userprovider"
   >
     <div
-      class="makeStyles-root-324"
+      class="makeStyles-root-334"
     >
       <header
-        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-325 mui-00000fixed MuiPaper-elevation4"
+        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-335 mui-00000fixed MuiPaper-elevation4"
       >
         <div
           class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
@@ -6513,21 +6842,21 @@ exports[`App Route /vehicles-command unauthenticated 1`] = `
         </div>
       </header>
       <main
-        class="makeStyles-content-332"
+        class="makeStyles-content-342"
       >
         <div
-          class="makeStyles-drawerHeader-331"
+          class="makeStyles-drawerHeader-341"
         />
         <main
           class="MuiContainer-root MuiContainer-maxWidthLg"
         >
           <div
-            class="makeStyles-paper-313"
+            class="makeStyles-paper-323"
             style="justify-content: center;"
           >
             <a
               aria-disabled="false"
-              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-316 MuiButton-containedPrimary"
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-326 MuiButton-containedPrimary"
               href="https://cognito.com/authorize?redirect=https://example.com/callback"
               tabindex="0"
             >
diff --git a/src/components/Dashboard/index.jsx b/src/components/Dashboard/index.jsx
index 07d294d..f4b907d 100644
--- a/src/components/Dashboard/index.jsx
+++ b/src/components/Dashboard/index.jsx
@@ -15,8 +15,17 @@ const Dashboard = () => {
   return (
     <div className={classes.paper}>
       <iframe
+        className={classes.iframe}
+        title="Vehicle Connected"
+        src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=5s&panelId=6"
+        width="900"
+        height="400"
+        frameBorder="0"
+      ></iframe>
+      <iframe
+        className={classes.iframe}
         title="Vehicle Signals"
-        src="https://grafana.fiskerdps.com/d-solo/YZaAlIeGz/vehicle-signals?orgId=1&refresh=30s&from=1622594368093&to=1622597968093&panelId=2"
+        src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=5s&panelId=2"
         width="900"
         height="400"
         frameBorder="0"
diff --git a/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap b/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
index aa5c73d..345dbcc 100644
--- a/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
+++ b/src/components/UpdatePackages/Create/__snapshots__/Create.test.js.snap
@@ -46,10 +46,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-32 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-33 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-34"
+                class="PrivateNotchedOutline-legendLabelled-35"
               >
                 <span>
                   Package name
@@ -92,10 +92,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-32 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-33 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-34"
+                class="PrivateNotchedOutline-legendLabelled-35"
               >
                 <span>
                   Version
@@ -138,10 +138,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-32 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-33 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-34"
+                class="PrivateNotchedOutline-legendLabelled-35"
               >
                 <span>
                   Description
@@ -185,10 +185,10 @@ exports[`File Upload Form Should render 1`] = `
             />
             <fieldset
               aria-hidden="true"
-              class="PrivateNotchedOutline-root-32 MuiOutlinedInput-notchedOutline"
+              class="PrivateNotchedOutline-root-33 MuiOutlinedInput-notchedOutline"
             >
               <legend
-                class="PrivateNotchedOutline-legendLabelled-34"
+                class="PrivateNotchedOutline-legendLabelled-35"
               >
                 <span>
                   Release Notes URL
diff --git a/src/components/useStyles.jsx b/src/components/useStyles.jsx
index bf2eb09..3b679dc 100644
--- a/src/components/useStyles.jsx
+++ b/src/components/useStyles.jsx
@@ -166,6 +166,9 @@ const useStyles = makeStyles((theme) => ({
   grow: {
     flexGrow: 1,
   },
+  iframe: {
+    marginTop: 10,
+  },
 }));
 
 export default useStyles;