From 92937d13848edaa443e844a0610bd794ebbc778c Mon Sep 17 00:00:00 2001
From: John Mitchell <jmitchel@Johns-MacBook-Pro-46.local>
Date: Mon, 22 Jun 2020 11:52:43 -0400
Subject: [PATCH] make divider show up between breadcrumbs

---
 awx/ui_next/src/components/Breadcrumbs/Breadcrumbs.jsx | 10 ++++++----
 1 file 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>
   );