From f4187b0ed61207f3a3fe9f66e0a482682e37b0b6 Mon Sep 17 00:00:00 2001 From: Zach Dunn Date: Wed, 2 Sep 2026 16:12:42 -0400 Subject: [PATCH] fix(web): label the file card link "Download" when it forces a download --- .changeset/file-card-download-label.md | 5 +++++ apps/web/src/components/MediaFallback.astro | 6 ++++-- apps/web/src/components/MediaStage.astro | 1 + 3 files changed, 10 insertions(+), 2 deletions(-) create mode 100644 .changeset/file-card-download-label.md diff --git a/.changeset/file-card-download-label.md b/.changeset/file-card-download-label.md new file mode 100644 index 00000000..61e504f3 --- /dev/null +++ b/.changeset/file-card-download-label.md @@ -0,0 +1,5 @@ +--- +"@buildinternet/uploads": patch +--- + +The public file page's card for non-media files now labels its link "Download " when it points at the forced-download URL. diff --git a/apps/web/src/components/MediaFallback.astro b/apps/web/src/components/MediaFallback.astro index a03b121e..d528cbd0 100644 --- a/apps/web/src/components/MediaFallback.astro +++ b/apps/web/src/components/MediaFallback.astro @@ -9,13 +9,15 @@ interface Props { body?: string; href?: string | null; filename?: string; + /** Link text override; defaults to `Open ` / `Open original`. */ + label?: string; /** Start hidden until `applyMediaFailure` unhides it. */ pending?: boolean; /** Tighter padding for gallery-grid tiles. */ compact?: boolean; } -const { title, body, href = null, filename, pending = false, compact = false } = Astro.props; +const { title, body, href = null, filename, label, pending = false, compact = false } = Astro.props; ---
- {filename ? `Open ${filename}` : "Open original"} + {label ?? (filename ? `Open ${filename}` : "Open original")} ) : null } diff --git a/apps/web/src/components/MediaStage.astro b/apps/web/src/components/MediaStage.astro index 9351edf5..93900cd9 100644 --- a/apps/web/src/components/MediaStage.astro +++ b/apps/web/src/components/MediaStage.astro @@ -128,6 +128,7 @@ const fileCardBody = `${fileTypeLabel(filename, contentType ?? "")} ยท ${ body={fileCardBody} href={fileHref} filename={filename} + label={downloadUrl ? `Download ${filename}` : undefined} /> ))} {kind === "missing" && (