summaryrefslogtreecommitdiffstats
path: root/awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx')
-rw-r--r--awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx10
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>
);