Merge branch '13705-item-common-details'

[arvados.git] / src / components / breadcrumbs / breadcrumbs.tsx

diff --git a/src/components/breadcrumbs/breadcrumbs.tsx b/src/components/breadcrumbs/breadcrumbs.tsx
index 41f71981e57eea29d54064f5888c78961f283f89..4868e137f9f6b11065bdd2dbfaf3d3ff4ac642da 100644 (file)
--- a/src/components/breadcrumbs/breadcrumbs.tsx
+++ b/src/components/breadcrumbs/breadcrumbs.tsx
@@ -14,9 +14,10 @@ export interface Breadcrumb {
 interface BreadcrumbsProps {
     items: Breadcrumb[];
     onClick: (breadcrumb: Breadcrumb) => void;
+    onContextMenu: (event: React.MouseEvent<HTMLElement>, breadcrumb: Breadcrumb) => void;
 }
 
-const Breadcrumbs: React.SFC<BreadcrumbsProps & WithStyles<CssRules>> = ({ classes, onClick, items }) => {
+const Breadcrumbs: React.SFC<BreadcrumbsProps & WithStyles<CssRules>> = ({ classes, onClick, onContextMenu, items }) => {
     return <Grid container alignItems="center" wrap="nowrap">
         {
             items.map((item, index) => {
@@ -28,12 +29,11 @@ const Breadcrumbs: React.SFC<BreadcrumbsProps & WithStyles<CssRules>> = ({ class
                                 color="inherit"
                                 className={isLastItem ? classes.currentItem : classes.item}
                                 onClick={() => onClick(item)}
-                            >
+                                onContextMenu={event => onContextMenu(event, item)}>
                                 <Typography
                                     noWrap
                                     color="inherit"
-                                    className={classes.label}
-                                >
+                                    className={classes.label}>
                                     {item.label}
                                 </Typography>
                             </Button>