Update button styling and render additional elements on file page if authenticated

src/views/file-view.ts

@@ -1,7 +1,7 @@
 import { layout, escHtml } from './layout.ts';
 import type { FileRow } from '../db/files.ts';
 
-export function fileViewPage(file: FileRow): string {
+export function fileViewPage(file: FileRow, isOwner: boolean): string {
   const rawUrl = escHtml(`/f/${file.id}/raw`);
   const safeName = escHtml(file.original_name);
   const actions = `
@@ -10,6 +10,12 @@ export function fileViewPage(file: FileRow): string {
       <a href="${rawUrl}" target="_blank" class="btn">Open</a>
     </div>`;
 
+  const deleteForm = isOwner
+    ? `<form method="POST" action="/files/${escHtml(file.id)}/delete">
+      <button type="submit" class="danger">Delete</button>
+    </form>`
+    : '';
+
   let media = '';
   if (file.mime_type.startsWith('image/')) {
     media = `<img src="${rawUrl}" alt="${safeName}">`;
@@ -19,11 +25,14 @@ export function fileViewPage(file: FileRow): string {
     media = `<audio controls src="${rawUrl}" preload="metadata"></audio>`;
   }
 
+  const layoutOpts = isOwner ? { authed: true } : { hideHeader: true };
+
   return layout(file.original_name, `
     <div class="file-view">
       <h1>${safeName}</h1>
       ${media}
       ${actions}
+      ${deleteForm}
     </div>
-  `, { hideLogo: true });
+  `, layoutOpts);
 }