08ee858830
* fix: Fix `Backlinks` not applying the display class Fix #518 * fix: Apply `displayClass` to all layout components * refactor: Use same style * fix: Remove `undefined` class using coalescing operator
30 lines
949 B
TypeScript
30 lines
949 B
TypeScript
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
|
|
import style from "./styles/backlinks.scss"
|
|
import { resolveRelative, simplifySlug } from "../util/path"
|
|
|
|
function Backlinks({ fileData, allFiles, displayClass }: QuartzComponentProps) {
|
|
const slug = simplifySlug(fileData.slug!)
|
|
const backlinkFiles = allFiles.filter((file) => file.links?.includes(slug))
|
|
return (
|
|
<div class={`backlinks ${displayClass ?? ""}`}>
|
|
<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
|
|
export default (() => Backlinks) satisfies QuartzComponentConstructor
|