From 50bb1ffd8aa00d85d3a17bc1a4e52d26187afa7e Mon Sep 17 00:00:00 2001
From: Aaron Pham <29749331+aarnphm@users.noreply.github.com>
Date: Wed, 31 Jan 2024 17:38:42 +0000
Subject: [PATCH] feat(usability): update functions for search (#774)
---
quartz/components/Backlinks.tsx | 37 ++++++++++++++++++++++++-------------
1 files changed, 24 insertions(+), 13 deletions(-)
diff --git a/quartz/components/Backlinks.tsx b/quartz/components/Backlinks.tsx
index 584746c..d5bdc0b 100644
--- a/quartz/components/Backlinks.tsx
+++ b/quartz/components/Backlinks.tsx
@@ -1,19 +1,30 @@
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
import style from "./styles/backlinks.scss"
-import { relativeToRoot } from "../path"
+import { resolveRelative, simplifySlug } from "../util/path"
+import { classNames } from "../util/lang"
-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>
+function Backlinks({ fileData, allFiles, displayClass }: QuartzComponentProps) {
+ const slug = simplifySlug(fileData.slug!)
+ const backlinkFiles = allFiles.filter((file) => file.links?.includes(slug))
+ return (
+ <div class={classNames(displayClass, "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