| | |
|---|
| | | import { QuartzComponentConstructor, QuartzComponentProps } from "./types" |
|---|
| | | import style from "./styles/backlinks.scss" |
|---|
| | | import { relativeToRoot } from "../path" |
|---|
| | | import { clientSideSlug } from "./scripts/util" |
|---|
| | | import { canonicalizeServer, resolveRelative } from "../path" |
|---|
| | | |
|---|
| | | function Backlinks({ fileData, allFiles }: QuartzComponentProps) { |
|---|
| | | const slug = fileData.slug! |
|---|
| | | 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={clientSideSlug(relativeToRoot(slug, f.slug!))} class="internal">{f.frontmatter?.title}</a></li>) |
|---|
| | | 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> |
|---|
