From b5295e0f261dd6dc7903bae2102115340ccd46dd Mon Sep 17 00:00:00 2001
From: Neel Shah <neelshah.1998@gmail.com>
Date: Sun, 11 Feb 2024 19:08:12 +0000
Subject: [PATCH] fix: breadcrumbs displayName issue for file names ending with index (#839)
---
quartz/components/Breadcrumbs.tsx | 7 ++++---
1 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/quartz/components/Breadcrumbs.tsx b/quartz/components/Breadcrumbs.tsx
index 182d9d6..116f952 100644
--- a/quartz/components/Breadcrumbs.tsx
+++ b/quartz/components/Breadcrumbs.tsx
@@ -2,6 +2,7 @@
import breadcrumbsStyle from "./styles/breadcrumbs.scss"
import { FullSlug, SimpleSlug, resolveRelative } from "../util/path"
import { QuartzPluginData } from "../plugins/vfile"
+import { classNames } from "../util/lang"
type CrumbData = {
displayName: string
@@ -67,8 +68,8 @@
folderIndex = new Map()
// construct the index for the first time
for (const file of allFiles) {
- if (file.slug?.endsWith("index")) {
- const folderParts = file.slug?.split("/")
+ const folderParts = file.slug?.split("/")
+ if (folderParts?.at(-1) === "index") {
// 2nd last to exclude the /index
const folderName = folderParts?.at(-2)
if (folderName) {
@@ -113,7 +114,7 @@
}
return (
- <nav class={`breadcrumb-container ${displayClass ?? ""}`} aria-label="breadcrumbs">
+ <nav class={classNames(displayClass, "breadcrumb-container")} aria-label="breadcrumbs">
{crumbs.map((crumb, index) => (
<div class="breadcrumb-element">
<a href={crumb.path}>{crumb.displayName}</a>
--
Gitblit v1.10.0