roadmap/quartz/components/Backlinks.tsx

20 lines
790 B
TypeScript
Raw Normal View History

2023-06-20 03:37:45 +00:00
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
import style from "./styles/backlinks.scss"
import { canonicalizeServer, resolveRelative } from "../path"
2023-06-20 03:37:45 +00:00
function Backlinks({ fileData, allFiles }: QuartzComponentProps) {
const slug = canonicalizeServer(fileData.slug!)
2023-06-20 03:37:45 +00:00
const backlinkFiles = allFiles.filter(file => file.links?.includes(slug))
return <div class="backlinks">
<h3>Backlinks</h3>
<ul class="overflow">
2023-06-20 03:37:45 +00:00
{backlinkFiles.length > 0 ?
backlinkFiles.map(f => <li><a href={resolveRelative(slug, canonicalizeServer(f.slug!))} class="internal">{f.frontmatter?.title}</a></li>)
2023-06-20 03:37:45 +00:00
: <li>No backlinks found</li>}
</ul>
</div>
2023-06-20 03:37:45 +00:00
}
Backlinks.css = style
2023-06-20 03:37:45 +00:00
export default (() => Backlinks) satisfies QuartzComponentConstructor