Reorganize app pages (#73)

* Update layout and menus

* Add breadcrumbs
Add menu icons
Add ECU drop down

* Implement submenu
Update download progress

* revamped dashboard section - failing app.test.js

* Clean up

Co-authored-by: Drew Taylor <dtaylor@fiskerinc.com>
This commit is contained in:
John Wu
2021-08-10 08:11:06 -07:00
committed by GitHub
parent 0545b54daf
commit e50eb886e6
39 changed files with 4043 additions and 3623 deletions

View File

@@ -1,52 +0,0 @@
import React, { useEffect } from "react";
import { Button, Grid, Link } from "@material-ui/core";
import CreateIcon from "@material-ui/icons/Create";
import { useStatusContext } from "../Contexts/StatusContext";
import useStyles from "../useStyles";
import ResponsiveIFrame from "../Controls/ResponsiveIFrame";
const Dashboard = () => {
const classes = useStyles();
const { setTitle } = useStatusContext();
useEffect(() => {
setTitle("Dashboard");
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
return (
<div className={classes.paper}>
<Grid container className={classes.root} spacing={2}>
<Grid item md={6}>
<ResponsiveIFrame
classes={classes}
src="https://grafana.fiskerdps.com/d-solo/jRKKo2gnz/battery?orgId=2&refresh=30s&panelId=2"
title="Battery Time Series"
/>
</Grid>
<Grid item md={6}>
<ResponsiveIFrame
classes={classes}
src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=30s&panelId=12"
title="Signals Time Series"
/>
</Grid>
</Grid>
<Button
style={{ marginTop: 10 }}
aria-label="create"
color="primary"
component={Link}
href="https://grafana.fiskerdps.com"
rel="noopener"
target="_blank"
>
<CreateIcon fontSize="large" />
Create Charts
</Button>
</div>
);
};
export default Dashboard;