From 52ca312f41ee6da5202cd9632d8501340ada3a67 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sun, 27 Aug 2023 19:27:55 +0000
Subject: [PATCH] fix: slugify tag on page before adding (closes #411)
---
quartz/components/Backlinks.tsx | 34 ++++++++++++++++++++++------------
1 files changed, 22 insertions(+), 12 deletions(-)
diff --git a/quartz/components/Backlinks.tsx b/quartz/components/Backlinks.tsx
index 584746c..e88966b 100644
--- a/quartz/components/Backlinks.tsx
+++ b/quartz/components/Backlinks.tsx
@@ -1,19 +1,29 @@
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
import style from "./styles/backlinks.scss"
-import { relativeToRoot } from "../path"
+import { resolveRelative, simplifySlug } from "../util/path"
function Backlinks({ fileData, allFiles }: QuartzComponentProps) {
- const slug = fileData.slug!
- const backlinkFiles = allFiles.filter(file => file.links?.includes(slug))
- return <div class="backlinks">
- <h3>Backlinks</h3>
- <ul>
- {backlinkFiles.length > 0 ?
- backlinkFiles.map(f => <li><a href={relativeToRoot(slug, f.slug!)} class="internal">{f.frontmatter?.title}</a></li>)
- : <li>No backlinks found</li>}
- </ul>
- </div>
+ const slug = simplifySlug(fileData.slug!)
+ const backlinkFiles = allFiles.filter((file) => file.links?.includes(slug))
+ return (
+ <div class="backlinks">
+ <h3>Backlinks</h3>
+ <ul class="overflow">
+ {backlinkFiles.length > 0 ? (
+ backlinkFiles.map((f) => (
+ <li>
+ <a href={resolveRelative(fileData.slug!, f.slug!)} class="internal">
+ {f.frontmatter?.title}
+ </a>
+ </li>
+ ))
+ ) : (
+ <li>No backlinks found</li>
+ )}
+ </ul>
+ </div>
+ )
}
-Backlinks.css = style
+Backlinks.css = style
export default (() => Backlinks) satisfies QuartzComponentConstructor
--
Gitblit v1.10.0