From 7e3cf97281727a5c79aa35787b05fe4f43162ca3 Mon Sep 17 00:00:00 2001
From: Giovanni Schroevers <giovie2000@hotmail.com>
Date: Wed, 2 Aug 2023 11:54:07 +0200
Subject: [PATCH] feat: add slash between crumbs if there is more than one

---
 .../components/CategorySearchResult/CategorySearchResult.tsx   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/magento-search/components/CategorySearchResult/CategorySearchResult.tsx b/packages/magento-search/components/CategorySearchResult/CategorySearchResult.tsx
index 95e7ce4cf0..6e4d51dc0d 100644
--- 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} />