Skip to content

feat: Redesign Create and Edit Class Modals - #612

Open
NewtonLC wants to merge 1 commit into
freeCodeCamp:mainfrom
NewtonLC:redesign/class-modals
Open

feat: Redesign Create and Edit Class Modals#612
NewtonLC wants to merge 1 commit into
freeCodeCamp:mainfrom
NewtonLC:redesign/class-modals

Conversation

@NewtonLC

Copy link
Copy Markdown
Contributor

Checklist:

Addresses sub-issue 2 of #609

Description of changes

  • Refactor the code in modal.js and ClassInviteTable.js into a shared component in ClassModal.js.
    • When editing the modal, instead of editing the same code in two different files, we just need to touch one.
  • Create the FloatingMultiSelect.js modal to make the Select Certification dropdown appear on top of the backdrop
  • Switch from overlaying JSX in place with ReactDOM.createPortal() to make the modal appear fully over the page
  • Update test files and snapshots, add temporary comments to explain the changes.

Images

Select Certifications dropdown: Before & After

image image



Edit Class Modal: Before & After (Header is no longer visible behind the modal)
image
image

Refactor the code in modal.js and ClassInviteTable.js into a shared component in ClassModal.js
Create the FloatingMultiSelect.js modal to make the Select Certification dropdown appear on top of the backdrop
Switch from overlaying JSX in place with ReactDOM.createPortal() to make the modal appear fully over the page
Updated test files and snapshots, added temporary comments to explain the changes.
@NewtonLC
NewtonLC requested a review from a team as a code owner August 10, 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.

1 participant