feat: implement litter report form with multi-step wizard

- Create comprehensive ReportForm component with 4-step wizard
- Add progress indicator showing current step
- Implement litter type categorization with descriptions
- Add quantity estimation with visual indicators
- Include optional description textarea with character limit
- Create environmental concerns section with severity levels
- Integrate PhotoUpload and LocationSelector components
- Add form validation with error messages
- Implement review step showing all submitted data
- Update ReportFormPage to use new ReportForm component
- Create barrel export for report components

Requirements: 1.6, 1.7, 9.1, 9.2
This commit is contained in:
2025-11-16 16:26:32 +00:00
parent de06012d27
commit c4aad5d099
3 changed files with 640 additions and 9 deletions

View File

@@ -1,15 +1,15 @@
/**
* Report form page - placeholder for task 6-9
*/
import { ReportForm } from '@/components/report';
export function ReportFormPage() {
return (
<div className="max-w-3xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
<h2 className="text-2xl font-bold text-gray-900 mb-4">Report Litter</h2>
<div className="bg-white rounded-lg shadow p-8">
<p className="text-gray-500">
Report form will be implemented in tasks 6-9
<div className="py-6 px-4 sm:px-6 lg:px-8">
<div className="max-w-3xl mx-auto mb-6">
<h1 className="text-3xl font-bold text-gray-900">Report Beach Litter</h1>
<p className="mt-2 text-gray-600">
Help us track and combat beach pollution by reporting litter you find along Irish coastlines.
</p>
</div>
<ReportForm />
</div>
);
}