CEC-2752-Add-Mobile-Issue-Tracker (#250)

* first commit

* removed comments

* remove more comments

* fix build issues

* fix unused vars

* update snapshot

* fix test

* Fix connect ECONNREFUSED 127.0.0.1:80

* Test Magna side menu

* attempt to pass test

* fix test

* remove comments

* fix some code smells

* fix test

* resolve comments

* fix bug

* resolved comments

* resolve comments

* resolve comments

* update snapshot

* resolved comments

Co-authored-by: jwu-fisker <jwu@fiskerinc.com>

src/components/Issues/List/index.jsx

@@ -0,0 +1,51 @@
+import { Grid } from "@material-ui/core";
+import clsx from "clsx";
+import React, { useEffect } from "react";
+
+import { useStatusContext } from "../../Contexts/StatusContext";
+import { useUserContext } from "../../Contexts/UserContext";
+import { IssueProvider } from "../../Contexts/IssueContext";
+import IssueSelectionTable from "../../Controls/IssueSelectionTable";
+
+import useStyles from "../../useStyles";
+
+const MainForm = () => {
+  const classes = useStyles();
+  const { setTitle, setSitePath } = useStatusContext();
+  const {
+    token: {
+      idToken: { jwtToken: token },
+    },
+  } = useUserContext();
+
+
+
+  useEffect(() => {
+    setTitle("Issues");
+    setSitePath([]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div className={clsx(classes.paper, classes.tableSize)}>
+      <Grid container className={classes.root} spacing={2}>
+        <Grid item md={4} className={classes.textJustifyAlign}>
+        </Grid>
+        <Grid item md={2} className={classes.textRightAlign} />
+      </Grid>
+      <IssueSelectionTable
+        classes={classes}
+        token={token}
+        multiSelect={false}
+      />
+    </div>
+  );
+};
+
+const IssuesList = () => (
+  <IssueProvider>
+    <MainForm />
+  </IssueProvider>
+);
+
+export default IssuesList;