Remove "Activity" tab from learner view

[marcellamaki]

Overview

As part of the information architecture refactor, we need to do a little bit more follow up on the new learner overview/report page - ReportsLearnerReportPage.

Please review #12679 and #12711 for context of the past changes.

Current state of develop:

Figma:

In addition to the code cleanup, add "pagination".

• For both Lessons and quizzes display the first 10 items of the array
• If there are >10 Items, display a view more button
• On click, render another 10 items
• If still more items, on click, view the rest, no matter how many)
• If there are no more items to be shown (the user is viewing all), hide the "view more" button

Acceptance Criteria

Code cleanup:

• Remove the use of Tabs and clean up related code
• Remove the rendering of the ActivityList on this page (do not delete the file, it's in kolibri-common)
  Layout/styling:
• Retain the use of grids so the containers stack properly on mobile
• Ensure everything matches the figma in terms of spacing and layout (using the dev mode if needed)
• Everything looks okay on tablet and mobile
  New features:
• Pagination is implemented according to the spec
  What else?
• No regressions

[apoorvapendse]

Do you mean this one? @marcellamaki

[marcellamaki]

Hi @apoorvapendse - nope, this issue actually isn't about that. This issue is not ready for assignment, as you can see it hasn't been written yet and there are no details or tags on the issue.

If you're interested in contributing to Learning Equality projects, please look at the Kolibri contribution guidelines to get a better sense of our open source process. Choosing from "help wanted" or "good first issue" would be the best place for you to find ways to contribute and engage with the team.

[apoorvapendse]

Thanks @marcellamaki, will look into it!