Remote Content Browsing: Create 'My Downloads' Page

[marcellamaki]

Overview

This issue is a front-end issue to add an "My Downloads" page that will display all content that has been downloaded to the device's Kolibri.

Specifications

Figma

Please see complete figma spec for full specs.

Acceptance Criteria

• The "My downloads" page has been added to Kolibri, and is visible in the main navigation menu
• A user can filter and sort the results
• The downloads page is paginated in increments of 25 results
• A user can select one, multiple, or all results on the page to remove them from their downloads
• On "remove", the user is sees a confirmation modal
• Selection of results is persisted across pages
• The "Total size of downloads" can just be a sum of the file size data (i.e. we do not have to build around edge cases such as duplicate resources, rounding, etc.)
• The "Free disk space" should be limited by the device settings. See Device Settings Milestone for context.
• When a user wants to download a resource, use the (to be created) API endpoint that allows you to query if the resource is needed by anyone/anything other than this user. This is to account for a "remove download" scenario for 2+ user accounts on the same device, for example, where they have downloaded the same resource, and one person wants to remove it. The user should still be able to "delete" the resource from their downloads list, but the actual resource should remain on the device. The available space can update based on what the user sees.

Currently blocked

The following scenarios need design feedback before they can be implemented.

1. Do we need the total size of "My Library"? (Probably not - skip implementing for now)
2. What should we display to a user when they downloaded a resource and garbage collection cleaned it up.
3. Modification to the UI and modal for the "a remove download scenario for 2+ user accounts" as detailed above

Out of scope

Updates to the content renderer display are out of scope and covered in #9856

Please note that the updates the native app navigation are temporarily blocked by the App Bar updates, and can be done in follow up as needed.

References

• Figma spec
• Gherkin scenarios

[rtibbles]

Implemented in #10137 - any follow up will be done in #10379