Merge pull request #111 from vtexdocs/fix/breadcrumbs-link

fix: breadcrumbs rendering link instead of text
vtexdocs · Oct 4, 2024 · 8dd010e · 8dd010e
2 parents 1a9aecd + 3096511
commit 8dd010e
Showing 1 changed file with 11 additions and 20 deletions.
diff --git a/src/components/breadcrumb/index.tsx b/src/components/breadcrumb/index.tsx
@@ -9,29 +9,20 @@ interface Props {
 const Breadcrumb = ({ breadcrumbList }: Props) => {
   return (
     <Flex sx={styles.breadcrumb}>
-      {breadcrumbList.map((item, idx) =>
-        item.type === 'category' ? (
-          <>
-            <Text>{item.name}</Text>
-            {idx < breadcrumbList.length - 1 ? (
-              <IconCaret direction="right" size={16} />
-            ) : (
-              ''
-            )}
-          </>
-        ) : (
-          <>
+      {breadcrumbList.map((item, idx) => (
+        <>
+          {item.type === 'markdown' ? (
             <Link sx={styles.breadcrumbItem} href={item.slug}>
               {item.name}
             </Link>
-            {idx < breadcrumbList.length - 1 ? (
-              <IconCaret direction="right" size={16} />
-            ) : (
-              ''
-            )}
-          </>
-        )
-      )}
+          ) : (
+            <Text>{item.name}</Text>
+          )}
+          {idx < breadcrumbList.length - 1 ? (
+            <IconCaret direction="right" size={16} />
+          ) : null}
+        </>
+      ))}
     </Flex>
   )
 }