feat: [FC-0044] Unit page - refactoring unit page breadcrumbs and actions

[ihor-romaniuk]

Settings

EDX_PLATFORM_REPOSITORY: https://github.com/openedx/edx-platform.git
EDX_PLATFORM_VERSION: master

TUTOR_GROVE_WAFFLE_FLAGS:
  - name: contentstore.new_studio_mfe.use_new_unit_page
    everyone: true

TUTOR_GROVE_MFE_LMS_COMMON_SETTINGS:
  MFE_CONFIG:
    ENABLE_UNIT_PAGE: true

Description

This pull request addresses the refactoring of the breadcrumbs section and the preview buttons ("View live version" and "Preview") within the Unit page. The primary focus is on simplifying the existing codebase and optimizing the usage of data retrieved from the API endpoint.

Issue: openedx/platform-roadmap#321

Benefits

• Code simplicity: The refactoring results in a more straightforward and easy-to-understand codebase, promoting maintainability and future development.
• Optimized data usage: Using existing data from the API endpoint, we unify data usage across the application, improving application performance.

Developer notes

The first three commits in this pull request are temporary. Once the #809 is merged, the fourth commit of this pull request will become the main commit.

Design

https://www.figma.com/file/YeKFwSpyLaJFDs3f3p3TSa/Studio-1%3A1-mock-ups?node-id=599%3A23595

Testing instructions

1. Run master devstack.
2. Start platform make dev.up.lms+cms+frontend-app-course-authoring and make checkout on this branch.
3. Enable new Unit page by adding a waffle flad contentstore.new_studio_mfe.use_new_unit_page in CMS admin panel.
4. Go to Course Unit page from the Course Outline page.

[openedx-webhooks]

Thanks for the pull request, @ihor-romaniuk! Please note that it may take us up to several weeks or months to complete a review and merge your PR.

Feel free to add as much of the following information to the ticket as you can:

• supporting documentation
• Open edX discussion forum threads
• timeline information ("this must be merged by XX date", and why that is)
• partner information ("this is a course on edx.org")
• any other information that can help Product understand the context for the PR

All technical communication about the code itself will be done via the GitHub pull request interface. As a reminder, our process documentation is here.

Please let us know once your PR is ready for our review and all tests are green.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (1555e9f) 89.13% compared to head (8faae33) 89.10%.
Report is 1 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #827      +/-   ##
==========================================
- Coverage   89.13%   89.10%   -0.04%     
==========================================
  Files         548      547       -1     
  Lines        9647     9629      -18     
  Branches     2067     2061       -6     
==========================================
- Hits         8599     8580      -19     
- Misses       1001     1002       +1     
  Partials       47       47              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[KristinAoki]

Just need to create sandbox and test it on there. After checking it works there, the PR can be merged

[open-craft-grove]

Sandbox deployment failed.

Check failure logs here https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6148611363.log

Instance Tutor config : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6148611363-tutor-config.yml
Instance Grove config : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6148611363-grove-config.yml
Instance Python requirements : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6148611363-tutor-requirements.txt

Please check the settings and requirements and retry deployment by updating the pull request description or pushing a new commit

[ihor-romaniuk]

@arbrandes I tried to create a sandbox as you recommended but faced with some problem.
Could you check what can be wrong, please?

[open-craft-grove]

Sandbox deployment successful.

Sandbox LMS is available at https://pr-827-ba9a65.sandboxes.opencraft.hosting
Sandbox Studio is available at https://studio.pr-827-ba9a65.sandboxes.opencraft.hosting

Instance Tutor config : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6157960519-tutor-config.yml
Instance Grove config : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6157960519-grove-config.yml
Instance Python requirements : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6157960519-tutor-requirements.txt

[ihor-romaniuk]

@KristinAoki Sandbox is ready for testing.

[KristinAoki]

In the sandbox there is a weird whitebox that surround the breadcrumbs and header actions.

[open-craft-grove]

Sandbox deployment successful.

Sandbox LMS is available at https://pr-827-ba9a65.sandboxes.opencraft.hosting
Sandbox Studio is available at https://studio.pr-827-ba9a65.sandboxes.opencraft.hosting

Instance Tutor config : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6173132458-tutor-config.yml
Instance Grove config : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6173132458-grove-config.yml
Instance Python requirements : https://axim-sandbox-build-logs-4626178240.nyc3.digitaloceanspaces.com/pr-827-ba9a65-51564656-6173132458-tutor-requirements.txt

[openedx-webhooks]

@ihor-romaniuk 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.