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:
34
src/components/Controls/SiteBreadCrumbs/index.jsx
Normal file
34
src/components/Controls/SiteBreadCrumbs/index.jsx
Normal file
@@ -0,0 +1,34 @@
|
||||
import React from "react";
|
||||
import { Link as RouterLink } from "react-router-dom";
|
||||
import Breadcrumbs from "@material-ui/core/Breadcrumbs";
|
||||
import { Link } from "@material-ui/core";
|
||||
|
||||
const SiteBreadcrumbs = ({ path }) => {
|
||||
if (!path || path.length === 0) return null;
|
||||
|
||||
return (
|
||||
<Breadcrumbs
|
||||
aria-label="breadcrumb"
|
||||
color="inherit"
|
||||
style={{ fontSize: "10px" }}
|
||||
>
|
||||
{path.map((item, index, items) => {
|
||||
if (index < items.length) {
|
||||
return (
|
||||
<Link
|
||||
key={index}
|
||||
color="inherit"
|
||||
to={item.link || "#"}
|
||||
component={RouterLink}
|
||||
>
|
||||
{item.label}
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
return null;
|
||||
})}
|
||||
</Breadcrumbs>
|
||||
);
|
||||
};
|
||||
|
||||
export default SiteBreadcrumbs;
|
||||
Reference in New Issue
Block a user