feat: [FC-0044] Unit page - make xblock edit functional

[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
  MFE_CONFIG["ENABLE_NEW_EDITOR_PAGES"] = True

Description

This pull request adds to the unit page the ability to edit (for types: html, problem, video only) the settings and content of XBlocks by redirecting creator to full-screen editor pages.

Issue: openedx/platform-roadmap#321

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.
5. Make sure the course you are viewing is not outdated.
6. Publish all sections on 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

Attention: Patch coverage is 90.00000% with 1 lines in your changes are missing coverage. Please review.

Project coverage is 91.88%. Comparing base (9a6e12b) to head (50a2704).
Report is 1 commits behind head on master.

Files	Patch %	Lines
src/course-unit/course-xblock/CourseXBlock.jsx	90.00%	1 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##           master     #912   +/-   ##
=======================================
  Coverage   91.87%   91.88%           
=======================================
  Files         572      572           
  Lines       10058    10067    +9     
  Branches     2160     2165    +5     
=======================================
+ Hits         9241     9250    +9     
  Misses        790      790           
  Partials       27       27           

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

[open-craft-grove]

Sandbox deployment successful 🚀
🎓 LMS
📝 Studio
ℹ️ Grove Config, Tutor Config, Tutor Requirements

[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.