removed greeting and fixed grafana mock

src/components/App/App.test.js

@@ -5,6 +5,7 @@ jest.mock("../Contexts/UserContext");
 jest.mock("../Contexts/ManifestsContext");
 jest.mock("../Contexts/CarUpdatesContext");
 jest.mock("../../services/monitoring");
+jest.mock("../../services/grafana");
 
 import { render, screen, cleanup, waitFor, waitForElementToBeRemoved } from "@testing-library/react";
 import { setToken } from "../Contexts/UserContext";
@@ -57,11 +58,11 @@ describe("App", () => {
   });
 
   it("Route / unauthenticated", async () => {
-    await check("/", "span.MuiButton-label", "Sign In");
+    await sleepAndCheck("/", "span.MuiButton-label", "Sign In");
   });
 
   it("Route /home unauthenticated", async () => {
-    await check("/home", "span.MuiButton-label", "Sign In");
+    await sleepAndCheck("/home", "span.MuiButton-label", "Sign In");
   });
 
   it("Route /vehicle-add unauthenticated", async () => {
@@ -85,7 +86,7 @@ describe("App", () => {
   });
 
   it("Route /datascope unauthenticated", async () => {
-    await check("/datascope", "span.MuiButton-label", "Sign In");
+    await sleepAndCheck("/datascope", "span.MuiButton-label", "Sign In");
   });
 
   it("Route /datascope/battery unauthenticated", async () => {
@@ -110,12 +111,12 @@ describe("App", () => {
 
   it("Route / authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
-    await sleepAndCheck("/", "h1", "Welcome John!");
+    await sleepAndCheck("/", "h6", "Home");
   });
 
   it("Route /home authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
-    await sleepAndCheck("/home", "h1", "Welcome John!");
+    await sleepAndCheck("/home", "h6", "Home");
   });
 
   it("Route /vehicle-add authenticated", async () => {
@@ -154,7 +155,7 @@ describe("App", () => {
 
   it("Route /datascope authenticated", async () => {
     setToken(TEST_AUTH_OBJECT);
-    await check("/datascope", "h6", "Datascope");
+    await sleepAndCheck("/datascope", "h6", "Datascope");
   });
 
   it("Route /datascope/battery authenticated", async () => {

src/components/App/__snapshots__/App.test.js.snap

@@ -277,13 +277,6 @@ exports[`App Route / authenticated 1`] = `
           <div
             class="makeStyles-paper-601"
           >
-            <h1
-              class="MuiTypography-root makeStyles-homePageTitle-632 MuiTypography-h5"
-            >
-              Welcome 
-              John
-              !
-            </h1>
             <div
               data-testid="mocked-vehicleprovider"
             >
@@ -3073,13 +3066,6 @@ exports[`App Route /home authenticated 1`] = `
           <div
             class="makeStyles-paper-647"
           >
-            <h1
-              class="MuiTypography-root makeStyles-homePageTitle-678 MuiTypography-h5"
-            >
-              Welcome 
-              John
-              !
-            </h1>
             <div
               data-testid="mocked-vehicleprovider"
             >

src/components/Home/index.jsx

@@ -1,15 +1,11 @@
 import React, { useEffect } from "react";
-import { Typography } from "@material-ui/core";
 import useStyles from "../useStyles";
 
-import { useUserContext } from "../Contexts/UserContext";
 import { useStatusContext } from "../Contexts/StatusContext";
 import VehicleMap from "../VehicleMap";
-import { getName } from "../../utils/jwt";
 
 const Home = () => {
   const classes = useStyles();
-  const { token } = useUserContext();
   const { setTitle, setSitePath } = useStatusContext();
 
   useEffect(() => {
@@ -20,9 +16,6 @@ const Home = () => {
 
   return (
     <div className={classes.paper}>
-      <Typography className={classes.homePageTitle} component="h1" variant="h5">
-        Welcome {getName(token)}!
-      </Typography>
       <VehicleMap />
     </div>
   );