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 | 38 ++++++++++++++++++++++++--------------
1 files changed, 24 insertions(+), 14 deletions(-)
diff --git a/quartz/components/Backlinks.tsx b/quartz/components/Backlinks.tsx
index f150f03..d5bdc0b 100644
--- a/quartz/components/Backlinks.tsx
+++ b/quartz/components/Backlinks.tsx
@@ -1,20 +1,30 @@
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
import style from "./styles/backlinks.scss"
-import { relativeToRoot } from "../path"
-import { clientSideSlug } from "./scripts/util"
+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 class="overflow">
- {backlinkFiles.length > 0 ?
- backlinkFiles.map(f => <li><a href={clientSideSlug(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