Skip to content

feat: implement new UI layout & apply some improvements#4

Open
bra-i-am wants to merge 12 commits intodam/catalog_detailsfrom
bc/implement-new-ui
Open

feat: implement new UI layout & apply some improvements#4
bra-i-am wants to merge 12 commits intodam/catalog_detailsfrom
bc/implement-new-ui

Conversation

@bra-i-am
Copy link

@bra-i-am bra-i-am commented Jan 23, 2026

This pull request refactors and improves several components in the learning path feature, focusing on code clarity, UI consistency, and enhanced user experience. The most significant changes include a major overhaul of the LearningPathCard logic and UI, updates to button variants and icon usage for consistency, and improvements to header layouts in the dashboard

Checklist

How to test

Note

Make sure you have corporate partners with partner catalogs assigned to it, and add some courses to it so you can test it better

  • Have a Teak environment up
  • Clone this repo and switch it to this branch
  • Run it by executing npm run dev
  • Set the following env variable in the MFE_CONFIG
    "CORPORATE_MANAGER_MFE_BASE_URL": "http://apps.local.openedx.io:8080/corporate-manager"
  • Reset the LMS: tutor dev exec lms reload-uwsgi or tutor dev restart lms
  • You would be able to watch and execute the workflow as is displayed in the following screencast

Screencast

Screencast.from.23-01-26.11.19.04.webm

@bra-i-am bra-i-am changed the title feat: feat: implement new UI layout & apply some improvements Jan 23, 2026
@bra-i-am bra-i-am requested a review from dcoa January 23, 2026 21:12
@bra-i-am bra-i-am marked this pull request as ready for review January 23, 2026 21:12
@bra-i-am bra-i-am requested a review from dcoa January 29, 2026 15:56
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please regenerate the package-lock.json too otherwise the code fail with npm ci

Copy link

@dcoa dcoa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

After that changes and solving the package-lock.json and the env files I think we are good to go with this PR.

Also could you please add this CORPORATE_MANAGER_MFE_BASE_URL to the env files and the index.jsx in the merge config? That will help to future developers to identify the needed MFE Config for this particular MFE.

Note: there are lint issues as well to take in consideration

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please delete this style as is not relevant for us.

}

.pgn__card-wrapper-image-cap {
.pgn__card-image-cap {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should override paragon style and use:

object-fit: contain

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change

@bra-i-am bra-i-am requested a review from dcoa February 5, 2026 21:46
… for text strings

- Integrated `useIntl` from `@edx/frontend-platform/i18n` across multiple components including CourseCard, CourseDetails, Dashboard, DataSharingAuthorizationModal, FilterPanel, LearningPathCard, and LearningPathDetails.
- Created a new messages file to define all text strings used in the learning path components for better localization support.
- Replaced hardcoded strings with formatted messages to enhance maintainability and support for multiple languages.
@bra-i-am bra-i-am force-pushed the bc/implement-new-ui branch from d838e03 to d089dde Compare February 5, 2026 21:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants