From e9fb0ecb96a2de53cf5f060c4e151f539ca4b089 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 02 Feb 2024 05:19:51 +0000
Subject: [PATCH] fix: border radius on search preview
---
quartz/components/Backlinks.tsx | 35 +++++++++++++++++++++++------------
1 files changed, 23 insertions(+), 12 deletions(-)
diff --git a/quartz/components/Backlinks.tsx b/quartz/components/Backlinks.tsx
index 9331387..d5bdc0b 100644
--- a/quartz/components/Backlinks.tsx
+++ b/quartz/components/Backlinks.tsx
@@ -1,18 +1,29 @@
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
import style from "./styles/backlinks.scss"
-import { canonicalizeServer, resolveRelative } from "../path"
+import { resolveRelative, simplifySlug } from "../util/path"
+import { classNames } from "../util/lang"
-function Backlinks({ fileData, allFiles }: QuartzComponentProps) {
- const slug = canonicalizeServer(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(slug, canonicalizeServer(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
--
Gitblit v1.10.0