Integrate the "useSearch" composable and search filters panel into the results list in quizzes

[marcellamaki]

Overview

As we move towards an MVP of the updated quiz management side panel, we need to finalize integrating the search results into the side panel for quizzes.

Prerequisites

• Ensure your develop is up to date, and work from the /quizzesstemp path

Previous work

The following work has already been completed, and now what is needed is just tying it all together:

• useSearch() and useBaseSearch() composables have already been implemented in kolibri-common
• the SearchFiltersPanel has been updated for use in coach
• the pattern of using nested/child routes should be the foundation, and this pattern should be extended

Scenarios

Please take a look at Figma - starting with the "Filter Panel" screen, under two question selection headers

The following UX scenarios should be supported:

Description	Screenshot
When a user sees their list of search results, re-opening the "search" panel at this point displays the current search state. A user is able to make further refinements of the existing search if they choose to. To clear the search, they should clear chips or "clear all", or they can de-select choices from the search panel if it is open
If a user navigates into a folder from their search results, they see all resources within that folder, meaning, it is as if they are navigating the topic tree. The filter is not applied to items within the folder. (This corresponds with the existing experience in learn and may be modified in the future - but we want consistency for now). Essentially, the user is moving to a "tree view". To return to the search, the "back to search results" banner restores the previous view of the search results.

Acceptance Criteria

• User can click on the "search" button to open the search/filters panel
• the results display a combination of resources and folders, using the updated resource selection card list
• User can select resources
• search results are scoped to the current folder; for example - if a user initiates a search at the initial "manage resource" level, the search includes all available channels. if the user initiates a search in Khan Academy English > Grade 10 > Math, their results includes only matching resources within that folder
• The "back to search results" navigation header should be implemented
• proper mobile responsiveness and a11y (including the accordion navigation)

Out of scope

• Implementing an "individual question selection" level of selection. A user should be able to click on an exercise resource and see the "preview" of questions, but managing whether or not the user can enter the manual question selection workflow from here is beyond the scope of this issue

[soniya-malviy]

@marcellamaki please assign me this issue i want to work on this.

[AlexVelezLl]

Hi @soniya-malviy! Thanks for your interest in contributing to Learning Equality! Unfortunately, this issue is not meant for open source contribution :(. We dont currently have many unassigned help wanted issues, but It's best to regularly keep an eye on this list, as we label issues on weekly basis. Thanks!