app/components/admin/posts-confirm-dialogs.tsx

Functions

Imports

It imports app/components/admin/confirm-dialog.tsx. Imported by app/routes/admin.posts._index.tsx.

Source

1import { ConfirmDialog } from "~/components/admin/confirm-dialog";
2
3/** The two typed confirmations the action can ask for: an Ask sync and a bulk delete. */
4export function PostsConfirmDialogs({
5  confirmSyncAsk,
6  confirmDelete,
7  cancelHref,
8}: {
9  confirmSyncAsk: number | undefined;
10  confirmDelete: { slugs: string[]; count: number; typed: string } | undefined;
11  cancelHref: string;
12}) {
13  return (
14    <>
15      {confirmSyncAsk !== undefined ? (
16        <ConfirmDialog
17          title="Rebuild the search answer index?"
18          body={
19            <p>
20              Every record not in this run is removed from the index, and saved
21              answers are dropped. The site currently has{" "}
22              <strong>{confirmSyncAsk}</strong> post(s), so that is
23              what the index will hold afterwards.
24            </p>
25          }
26          requireTyped="1"
27          confirmLabel="Rebuild the index"
28          cancelHref={cancelHref}
29        >
30          <input type="hidden" name="intent" value="sync-ask" />
31        </ConfirmDialog>
32      ) : null}
33
34      {confirmDelete ? (
35        <ConfirmDialog
36          title={`Delete ${confirmDelete.count} post${
37            confirmDelete.count === 1 ? "" : "s"
38          }`}
39          body={
40            <p>
41              This removes each markdown file and its rows. Git still has them;
42              nothing else does.
43            </p>
44          }
45          stake={confirmDelete.slugs}
46          requireTyped={String(confirmDelete.count)}
47          confirmLabel="Delete permanently"
48          cancelHref={cancelHref}
49        >
50          {/* The intent is a field: a disabled submitter sends neither its name nor its value. */}
51          <input type="hidden" name="intent" value="bulk-delete" />
52          {confirmDelete.slugs.map((slug) => (
53            <input key={slug} type="hidden" name="slug" value={slug} />
54          ))}
55        </ConfirmDialog>
56      ) : null}
57    </>
58  );
59}