Fix part of #18384: Reusable card component for learner dashboard, learner dashboard redesign

amyyeung17 commented 3 weeks ago

Overview

This PR addresses part of the 2nd breakpoint of https://github.com/oppia/oppia/issues/18384, adding a new reusable card component.

Includes 3 new files:

lesson-card-component.ts
lesson-card-component.spec.ts
lesson-card-component.html

This reusable card component essentially consolidates these files in summary-tile beginning with:

lesson-story-summary-tile
exploration-summary-tile
collection-summary tile

Additional notes:

Exploration progress is used with a placeholder value until changes are finalized.
Goal and learner group tags are to be implemented later

April 17 - This is left as a draft as I noticed the icons flickering when resizing to smaller screens. It seems like a general FontAwesome issue. Also redundant commits.

Essential Checklist

Please follow the instructions for making a code change.

[x] I have linked the issue that this PR fixes in the "Development" section of the sidebar.
[x] I have checked the "Files Changed" tab and confirmed that the changes are what I want to make.
[x] I have written tests for my code.
[x] The PR title starts with "Fix #bugnum: " or "Fix part of #bugnum: ...", followed by a short, clear summary of the changes.
[ ] I have assigned the correct reviewers to this PR (or will leave a comment with the phrase "@{{reviewer_username}} PTAL" if I can't assign them directly).

Proof that changes are correct

https://github.com/oppia/oppia/assets/28910543/6d520bd5-b9a8-4fd0-b406-4f5807cbfae5

oppiabot[bot] commented 3 weeks ago

Hi @amyyeung17 please assign the required reviewer(s) for this PR. Thanks!

amyyeung17 commented 3 weeks ago

Created a clean branch without commits from home

oppia / oppia