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

Functions

Imports

It imports app/components/admin/confirm-dialog.tsx, app/lib/media/view.mjs. Imported by app/routes/admin.media._index.tsx.

Source

1import { ConfirmDialog } from "~/components/admin/confirm-dialog";
2import type { hrefWith } from "~/lib/media/view.mjs";
3
4/** The three confirmations an action can open: bulk trash, a rebuild and a single delete. */
5export function MediaConfirmDialogs({
6  chosen,
7  confirmingTrash,
8  setConfirmingTrash,
9  confirmRebuild,
10  confirmDelete,
11  linkTo,
12}: {
13  chosen: string[];
14  confirmingTrash: boolean;
15  setConfirmingTrash: (value: boolean) => void;
16  confirmRebuild: number | undefined;
17  confirmDelete: string | undefined;
18  linkTo: (over?: Parameters<typeof hrefWith>[1]) => string;
19}) {
20  return (
21    <>
22      {confirmingTrash && chosen.length > 0 ? (
23        <ConfirmDialog
24          title={`Move ${chosen.length} file${chosen.length === 1 ? "" : "s"} to the trash`}
25          body={
26            <p>
27              They stop showing in the library. Every address keeps working and no
28              published page changes, so nothing here can cost a post its image.
29              Restore puts them back.
30            </p>
31          }
32          confirmLabel="Move to trash"
33          onCancel={() => setConfirmingTrash(false)}
34        >
35          <input type="hidden" name="intent" value="bulk-trash" />
36          {chosen.map((key) => (
37            <input key={key} type="hidden" name="key" value={key} />
38          ))}
39        </ConfirmDialog>
40      ) : null}
41
42      {confirmRebuild !== undefined ? (
43        <ConfirmDialog
44          title="Re-derive the whole media index"
45          body={
46            <>
47              <p>
48                Every derived column is recomputed from the buckets and every
49                authored one is preserved. Rows whose source object is GONE are
50                removed, so running this against a bucket that is only partly
51                readable prunes the index to whatever it managed to see.
52              </p>
53              <p>
54                The index currently holds{" "}
55                <strong>{confirmRebuild ?? 0}</strong> row(s).
56              </p>
57            </>
58          }
59          requireTyped="1"
60          confirmLabel="Rebuild the index"
61          cancelHref={linkTo({})}
62        >
63          <input type="hidden" name="intent" value="rebuild" />
64        </ConfirmDialog>
65      ) : null}
66
67      {confirmDelete ? (
68        <ConfirmDialog
69          title={`Permanently delete ${confirmDelete}`}
70          body={
71            <p>
72              This removes the object from R2. Addresses are content hashes, so a
73              deleted file cannot be restored by re-uploading it under the same
74              URL.
75            </p>
76          }
77          requireTyped="1"
78          confirmLabel="Delete permanently"
79          cancelHref={linkTo({ key: confirmDelete })}
80        >
81          <input type="hidden" name="intent" value="delete" />
82          <input type="hidden" name="key" value={confirmDelete} />
83        </ConfirmDialog>
84      ) : null}
85    </>
86  );
87}