From 98521d8062d88a44c8d78014968e05264e9455d4 Mon Sep 17 00:00:00 2001 From: puremana Date: Wed, 12 Feb 2020 21:37:00 +1300 Subject: [PATCH] Only link the first folder when rendering breadcrumbs --- src/components/Breadcrumb/index.tsx | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/src/components/Breadcrumb/index.tsx b/src/components/Breadcrumb/index.tsx index a42e563..fa147e9 100644 --- a/src/components/Breadcrumb/index.tsx +++ b/src/components/Breadcrumb/index.tsx @@ -32,7 +32,7 @@ function flatten([ export function Breadcrumb({ relativePath, basePath }: IBreadcrumbProps) { const paths = relativePath.split("/") const breadcrumbItems = flatten([traversePaths(paths, basePath)]) - + let count = 0; return ( @@ -52,14 +52,25 @@ export function Breadcrumb({ relativePath, basePath }: IBreadcrumbProps) { /> + {breadcrumbItems.map(item => { if (item.type === "folder") { - return ( + count++; + if (count > 1) { + return ( - + { item.title } - ) + ) + } else { + return ( + + + + + ) + } } return (