app/components/history/draft-links.tsx

Functions

Imports

It imports no other module of this repo. Imported by app/components/history/history-panel.tsx, app/routes/book.history.tsx, app/routes/history.tsx.

Source

1// The comparisons that need the person's own working draft: against the site's text, and against
2// each AI draft saved beside it. Links to the history page, which does the comparing.
3
4import { Link } from "react-router";
5import { Time } from "capsomer/react/time";
6
7export type AiDraftLink = { id: number; client: string; createdAt: string };
8
9export function DraftLinks({ historyPath, againstSite, aiDrafts }: { historyPath: string; againstSite: boolean; aiDrafts: AiDraftLink[] }) {
10  if (!againstSite && aiDrafts.length === 0) return null;
11  return (
12    <ul className="app-flags" aria-label="Compare your draft">
13      {againstSite ? (
14        <li>
15          <span>
16            <Link to={`${historyPath}?compare=site`}>Your working draft against the site's version</Link>
17          </span>
18        </li>
19      ) : null}
20      {aiDrafts.map((d) => (
21        <li key={d.id}>
22          <span>
23            <Link to={`${historyPath}?compare=ai&ai=${d.id}`}>Your draft against the AI draft from {d.client}</Link>{" "}
24            <span className="cap-muted">
25              <Time at={d.createdAt} />
26            </span>
27          </span>
28        </li>
29      ))}
30    </ul>
31  );
32}