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:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user