app/components/history/history-panel.tsx

Functions

Imports

It imports app/components/history/draft-links.tsx, app/components/history/revision-picker.tsx. Imported by app/routes/editor.tsx.

Source

1// The editor's History panel (routes/editor.tsx): the newest revisions on the site, and links to compare
2// the drafts kept in Carrel. The history page lists every revision.
3
4import { Link } from "react-router";
5import { Banner } from "capsomer/react/banner";
6import { Panel } from "capsomer/react/panel";
7
8import { DraftLinks, type AiDraftLink } from "./draft-links";
9import { RevisionPicker, type RevisionRow } from "./revision-picker";
10
11type Props = {
12  revisions: RevisionRow[] | null;
13  revisionCount: number;
14  historyError: string | null;
15  historyPath: string;
16  /** "post", "page": what the revisions are of. */
17  noun: string;
18  /** Whether a draft in Carrel can be compared against the site's copy. */
19  againstSite: boolean;
20  aiDrafts: AiDraftLink[];
21};
22
23export function HistoryPanel({ revisions, revisionCount, historyError, historyPath, noun, againstSite, aiDrafts }: Props) {
24  return (
25    <Panel
26      title="History"
27      id="history"
28      count={revisionCount}
29      src="Saves and publishes on the site"
30      actions={
31        revisionCount > 0 ? (
32          <Link className="cap-btn" data-size="sm" to={historyPath}>
33            All revisions
34          </Link>
35        ) : undefined
36      }
37    >
38      <div className="app-stack" data-tight>
39        {historyError ? <Banner tone="warn">{historyError}</Banner> : null}
40        {revisions && revisions.length > 0 ? (
41          <RevisionPicker revisions={revisions} historyPath={historyPath} label="Recent revisions" />
42        ) : revisions ? (
43          <p className="cap-muted">The site has no saved revisions of this {noun} yet.</p>
44        ) : null}
45        <DraftLinks historyPath={historyPath} againstSite={againstSite} aiDrafts={aiDrafts} />
46      </div>
47    </Panel>
48  );
49}