Update `<ResourceSelection />` so that can it can be used in lessons, without breaking the current quiz workflow

[marcellamaki]

Overview

The lesson management workflow is being aligned to use the similar side panel management UX that we introduced in quizzes in 0.17. This issue is one way that we are refactoring the selection of resources and folders, tracking and updating local state, etc. to have a cohesive experience across lessons and quizzes.

The purpose of this issue is to do as minimal a refactor as possible of the existing ResourceSelection component, currently used in quizzes, to allow an MVP use case in lessons without breaking the current quiz functionality. For this issue, you should create an <UpdatedResourceSelection /> component. The purpose of this is not to rearchitect the entire idea of the resource selection, but rather to find the simplified version that can be used in the updated lessons case. Extending the component functionality for the new features of quizzes (i.e. question selection), or even using it in quizzes at all, will happen later and is beyond the scope of this issue.

Description

This new <ResourceSelection /> should be something in between the current version, which is closely connected to quizzes, and the ContentCardList, a child component that renders the resource cards and their corresponding selection, although the state management lives outside of the list.

The component should:

• have a header/title
• contain the search button (which opens the search panel, not as it's own route, but as a component overlay)
• display breadcrumbs when we're in the tree
• display folder title and details when we're in the tree
• render the content card list
• manage navigation up and down the tree (as needed, if it's distinct from the route)
• manage the selection (and the rules for selection) of resources

[abhirupPann]

Hi, @marcellamaki can I work on it ?

[MisRob]

Hi @abhirupPann, thanks for volunteering! This issue is not meant for contribution, but there are another contributing opportunities. See the contributing guidelines including links to issues suitable for contribution for each repository here:

• Kolibri Contributing Guidelines
• Kolibri Design System Contributing Guidelines
• Studio Contributing Guidelines

You can also see the list of unassigned "help wanted" or "good first issue" issues across all repositories.