Skip to content

Create search-and-filter component and implement. Add testing (test image attachment recognition & instructions in title only) #7

@Jahteo

Description

@Jahteo

Description

As a user, I want to be able to:

  • Search for tasks using plain text
  • Easily filter tasks based on priority and status

Acceptance Criteria

  • Search
    • WHEN the user is on the /tasks page
      • They are able to see a search bar with:
        • A search icon on the far left
        • A “clear” icon on the far right.
          • WHEN the clear icon is clicked
            • The text in the search bar should be cleared out.
  • Filter
  • WHEN the user is on the /tasks page
  • They are able to see a filter icon to the right of the search bar.
  • WHEN the user clicks the filter icon
    • A list of options should appear as a dropdown with two sections
      • Status:
        • Todo
        • In progress
        • Review
        • Done
        • Will not do
      • Priority
        • High
        • Medium
        • Low
    • All options should start off as selected.
  • Filter and Search:
    • WHEN no tasks match the filter options from either the search bar or the filter dropdown
      • Display a message to the user that no tasks match the current search adn filter criteria
      • Image

Comment on edit: added "Will not do" to statuses to test if copilot will do updated description after unassigning and re-assigning.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions