Description: Build the jobs listing page that displays all jobs with real-time state information. Include filtering by job status (Open, Active, Completed, Disputed, Refunded), sorting options, and search functionality for job descriptions and artisan names.
Acceptance Criteria:
- Jobs display in a sortable, filterable table/card list
- Users can filter by status, trade type, and date range
- Jobs sort by creation date, completion date, amount, or status
- Search bar filters jobs by description and participant names
- Job cards show: ID, status badge, artisan name, customer name, amount, trade type
Pagination works correctly for lists with > 20 jobs
- No API calls are made until backend integration (use mock data)
Technical Details:
- Create a JobList component with state management
- Implement JobCard component for individual job display
- Use React hooks for filter/sort state
Description: Build the jobs listing page that displays all jobs with real-time state information. Include filtering by job status (Open, Active, Completed, Disputed, Refunded), sorting options, and search functionality for job descriptions and artisan names.
Acceptance Criteria:
Pagination works correctly for lists with > 20 jobs
Technical Details: