Task: Add noscript fallbacks to purchasing forms #481

New issue

Open

opened 2026-04-16 07:11:06 +00:00 by jjalangtry · 0 comments

jjalangtry commented

2026-04-16 07:11:06 +00:00

(Migrated from github.com)

Problem

Both purchasing forms are entirely client-rendered — event data is fetched in `useEffect` and file uploads use `FileReader`, `Canvas` API, and S3 presigned URLs. Without JS, both pages render nothing at all.

Affected Files

`next/app/(main)/purchasing/CheckoutForm.tsx`
`next/app/(main)/purchasing/ReceiptForm.tsx`

Fix

Add ` \`\`\`

## Problem Both purchasing forms are entirely client-rendered — event data is fetched in \`useEffect\` and file uploads use \`FileReader\`, \`Canvas\` API, and S3 presigned URLs. Without JS, **both pages render nothing at all.** ## Affected Files - \`next/app/(main)/purchasing/CheckoutForm.tsx\` - \`next/app/(main)/purchasing/ReceiptForm.tsx\` ## Fix Add \`<noscript>\` fallbacks directing users to contact the Treasurer directly: \`\`\`html <noscript> <p> Purchase requests require JavaScript. Please contact the SSE Treasurer directly on Discord or at <a href="mailto:sse@rit.edu">sse@rit.edu</a>. </p> </noscript> \`\`\`