Increase avatar thumbnail resolution for HiDPI displays

Author: wilhel1812

functions/api/avatar-upload.ts

@@ -58,7 +58,7 @@ export const onRequestPost: PagesFunction<Env> = async ({ request, env }) => {
     const thumb = parseDataUrl(body.thumbDataUrl);
 
     if (original.bytes.byteLength > 5_000_000) throw new Error("Avatar image too large.");
-    if (thumb.bytes.byteLength > 300_000) throw new Error("Avatar thumbnail too large.");
+    if (thumb.bytes.byteLength > 1_000_000) throw new Error("Avatar thumbnail too large.");
 
     const digest = new Uint8Array(await crypto.subtle.digest("SHA-256", original.bytes));
     const hash = toHex(digest);

src/components/UserAdminPanel.tsx

@@ -65,7 +65,7 @@ const writeDismissedNotificationIds = (ids: Set<string>) => {
 const resizeAvatarFileToDataUrl = async (file: File): Promise<{ originalDataUrl: string; thumbDataUrl: string }> => {
   const bitmap = await createImageBitmap(file);
   const maxOriginal = 2048;
-  const maxThumb = 72;
+  const maxThumb = 320;
   const originalScale = Math.min(1, maxOriginal / Math.max(bitmap.width, bitmap.height));
   const thumbScale = Math.min(1, maxThumb / Math.max(bitmap.width, bitmap.height));
   const originalWidth = Math.max(1, Math.round(bitmap.width * originalScale));