- render() {
- const { classes, onClick } = this.props;
- return <Grid container alignItems="center">
- {
- this.getInactiveItems().map((item, index) => (
- <React.Fragment key={index}>
+export const Breadcrumbs = withStyles(styles)(
+ ({ classes, onClick, onContextMenu, items }: BreadcrumbsProps & WithStyles<CssRules>) =>
+ <Grid container data-cy='breadcrumbs' alignItems="center" wrap="nowrap">
+ {
+ items.map((item, index) => {
+ const isLastItem = index === items.length - 1;
+ const isFirstItem = index === 0;
+ const Icon = item.icon || (() => (null));
+ return (
+ <React.Fragment key={index}>
+ {isFirstItem ? null : <IllegalNamingWarning name={item.label} />}
+ <Tooltip title={item.label}>