fix(web): frontend quality — XSS, error states, a11y, image optimization, security headers
- Whitelist OAuth error codes; never render raw URL params (XSS fix) - Add error state UI with retry button for API failures on homepage and search - Use <article> for property cards with ARIA labels and semantic list markup - Replace raw <img> with Next.js <Image> across all listing/gallery/KYC pages - Add security headers (X-Content-Type-Options, X-Frame-Options, etc.) in next.config.js - Gate console.error behind NODE_ENV check in global error boundary - Mapbox confirmed npm-bundled (SRI N/A) Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
@@ -10,7 +10,13 @@ export default function GlobalError({
|
||||
reset: () => void;
|
||||
}) {
|
||||
useEffect(() => {
|
||||
console.error('Unhandled error:', error);
|
||||
// Report to error tracking service in production; log digest only
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
// TODO: integrate with Sentry/Datadog when available
|
||||
// errorReporter.captureException(error);
|
||||
} else {
|
||||
console.error('Unhandled error:', error);
|
||||
}
|
||||
}, [error]);
|
||||
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user