app/components/post-backlinks.tsx

Functions

Imports

It imports no other module of this repo. Imported by app/routes/blog.$slug.tsx.

Source

1import { Link } from "react-router";
2
3import type { Route } from "../routes/+types/blog.$slug";
4
5/** The published posts that link here, re-checked against live rows by the loader. */
6export function PostBacklinks({
7  backlinks,
8}: {
9  backlinks: Route.ComponentProps["loaderData"]["post"]["backlinks"];
10}) {
11  return (
12    <nav className="post-backlinks" aria-labelledby="backlinks-heading">
13      <p id="backlinks-heading">Linked from</p>
14      <ul>
15        {backlinks.map((item) => (
16          <li key={item.slug}>
17            <Link to={`/writing/${item.slug}`}>{item.title}</Link>
18          </li>
19        ))}
20      </ul>
21    </nav>
22  );
23}