feat: add slash between crumbs if there is more than one

graphcommerce-org · Aug 2, 2023 · 7e3cf97 · 7e3cf97
1 parent 42fc89b
commit 7e3cf97
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/magento-search/components/CategorySearchResult/CategorySearchResult.tsx b/packages/magento-search/components/CategorySearchResult/CategorySearchResult.tsx
@@ -45,13 +45,14 @@ export function CategorySearchResult(props: CategorySearchResultProps) {
       ]}
     >
       <div>
-        {catProps?.breadcrumbs?.map((breadcrumb) => (
+        {catProps?.breadcrumbs?.map((breadcrumb, key) => (
           <React.Fragment key={breadcrumb?.category_url_path}>
             <Highlight
               key={breadcrumb?.category_url_path}
               text={breadcrumb?.category_name ?? ''}
               highlight={search}
             />
+            {(catProps.breadcrumbs?.length ?? 0) > key + 1 && ' / '}
           </React.Fragment>
         ))}
         <Highlight text={catProps?.name ?? ''} highlight={search} />