-
Notifications
You must be signed in to change notification settings - Fork 480
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Cleanup tabs and tests on My PL page #58186
Conversation
<> | ||
{lastWorkshopSurveyUrl && RenderLastWorkshopSurveyBanner()} | ||
{RenderOwnedPlSections()} | ||
{RenderEnrolledWorkshops()} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
For facilitators, regional partners, and workshop organizers, we want to render the workshops related to that role. That data should be passed down to the client, but you might need to pull it through to this component.
Here's where that data is fetched in the controller.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh you're so right, my bad! I'll fix this!
<AddSectionDialog /> | ||
</section> | ||
)} | ||
{currentTab === 'myPL' && RenderMyPlTab()} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
so clean 🤩
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
➕ Amazing!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for doing all of this! It looks good, but one comment about workshops.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I mostly looked at the LandingPage.jsx
changes and styling updates, so approving based off of that, but overall this looks incredible!
<h2>My Workshops</h2> | ||
{this.renderWorkshopsTable()} | ||
{this.props.workshops && ( | ||
<section> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎉
<AddSectionDialog /> | ||
</section> | ||
)} | ||
{currentTab === 'myPL' && RenderMyPlTab()} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
➕ Amazing!
This PR cleans up how the different My PL page tabs are rendered so it's more readable and easier to add more content in the future. Aside from adding unit tests to test that the right sections are in each tab, this PR does the following cleanup tasks:
program_manager
or theworkshop_organizer
permissions, respectivelyDemos
"Facilitator Center" tab
"Instructor Center" tab
"Regional Partner Center" tab
"Workshop Organizer Center" tab
Updates the link styling in the Joined Professional Learning Sections table and the Instructor Professional Learning Sections table
Previous Joined PL Sections table:
New Joined PL Sections table:
Previous Instructor PL Sections table:
New Instructor PL Sections table:
Links
Jira ticket (general cleanup): here
Jira ticket (Workshop table on right tabs): here
Jira ticket (Workshop Feedback section on right tabs): here
Figma of page for reference: here
Testing story
Local testing and adding unit tests.