app/components/admin/media-trash-controls.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 { Link } from "react-router";
2import { Banner } from "capsomer/react/banner";
3
4import { ConfirmDialog } from "~/components/admin/confirm-dialog";
5import type { hrefWith, sortHref } from "~/lib/media/view.mjs";
6
7/** The trash view's note, its Empty trash link and the typed confirmation that link opens. */
8export function MediaTrashControls({
9  view,
10  trashedCount,
11  linkTo,
12}: {
13  view: Parameters<typeof sortHref>[0];
14  trashedCount: number;
15  linkTo: (over?: Parameters<typeof hrefWith>[1]) => string;
16}) {
17  return (
18    <>
19      {view.trash ? (
20        <Banner tone="info">
21          This is a library view, not a takedown. A trashed file keeps its address, and any published
22          page using it is unchanged. Restore puts it back in the library.{" "}
23          <strong>Only Empty trash deletes anything, and it still refuses anything a post cites.</strong>
24        </Banner>
25      ) : null}
26
27      {view.trash && trashedCount > 0 ? (
28        <div className="app-actions">
29          {/* A link, not `prompt()`, so the confirmation holds without script. */}
30          <Link to={linkTo({ confirm: "empty-trash" })} className="cap-btn" data-variant="danger">
31            Empty trash
32          </Link>
33          <span className="cap-muted">Deletes the objects. Anything a post cites is kept and named.</span>
34        </div>
35      ) : null}
36
37      {view.confirm === "empty-trash" && trashedCount > 0 ? (
38        <ConfirmDialog
39          title={`Permanently delete ${trashedCount} file${trashedCount === 1 ? "" : "s"}`}
40          body={
41            <p>
42              Addresses are content hashes, so a deleted file cannot be restored
43              by re-uploading it under the same URL. Anything a post cites is
44              kept and named.
45            </p>
46          }
47          requireTyped={String(trashedCount)}
48          confirmLabel="Delete permanently"
49          cancelHref={linkTo({ confirm: "" })}
50        >
51          <input type="hidden" name="intent" value="empty-trash" />
52        </ConfirmDialog>
53      ) : null}
54    </>
55  );
56}