diff options
Diffstat (limited to 'awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx')
-rw-r--r-- | awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx b/awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx index 670a4d01a3..93a9b3d7f4 100644 --- a/awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx +++ b/awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx @@ -30,19 +30,21 @@ const Breadcrumbs = ({ breadcrumbConfig }) => { ); }; -const Crumb = ({ breadcrumbConfig }) => { +const Crumb = ({ breadcrumbConfig, showDivider }) => { const match = useRouteMatch(); const crumb = breadcrumbConfig[match.url]; let crumbElement = ( - <BreadcrumbItem key={match.url}> + <BreadcrumbItem key={match.url} showDivider={showDivider}> <Link to={match.url}>{crumb}</Link> </BreadcrumbItem> ); if (match.isExact) { crumbElement = ( - <BreadcrumbHeading key="breadcrumb-heading">{crumb}</BreadcrumbHeading> + <BreadcrumbHeading key="breadcrumb-heading" showDivider={showDivider}> + {crumb} + </BreadcrumbHeading> ); } @@ -54,7 +56,7 @@ const Crumb = ({ breadcrumbConfig }) => { <Fragment> {crumbElement} <Route path={`${match.url}/:path`}> - <Crumb breadcrumbConfig={breadcrumbConfig} /> + <Crumb breadcrumbConfig={breadcrumbConfig} showDivider /> </Route> </Fragment> ); |