Skip to content

Sphurthy taking over for Taariq: Adding a Lesson Plan Builder UI and update routes#4978

Open
TaariqMansurie wants to merge 15 commits intodevelopmentfrom
taariq-feature-lesson-plan-builder-frontend
Open

Sphurthy taking over for Taariq: Adding a Lesson Plan Builder UI and update routes#4978
TaariqMansurie wants to merge 15 commits intodevelopmentfrom
taariq-feature-lesson-plan-builder-frontend

Conversation

@TaariqMansurie
Copy link
Copy Markdown
Contributor

@TaariqMansurie TaariqMansurie commented Mar 11, 2026

Description

This PR adds the UI and API integration for the "Assign Lesson Plan" feature. Educators and admins can assign tasks to students manually via a button or automatically upon saving.

Implements # (PRIORITY HIGH) Phase 4 - Assign Lesson Plan - Front end and UI (WIP Taariq)

Related PRS (if any):

This frontend PR is related to the backend PR 2145
To test this frontend PR, you need to have the corresponding backend branch running locally.

Main changes explained:

  • Create LessonPlanBuilder.jsx for the main builder UI and API fetch logic.
  • Create LessonPlanBuilder.module.css for component styling.
  • Create AssignLessonPlanModal.jsx for the confirmation modal.
  • Update src/routes.jsx to include the new route for the Lesson Plan Builder.

How to test:

1.check into current branch
2. do yarn install and yarn start to run this PR locally
3. Clear site data/cache
4. log in as an admin or educator user
5. go to the Lesson Plan Builder page
6. verify manual assignment: Click "Assign Lesson Plan", click "Confirm" in the modal, and verify the notification appears.
7. verify auto assignment: Click "Save Lesson Plan" and verify the UI updates with the "Auto-assigned at [Time]" status.

Screenshots or videos of changes:

image image image image image image

Note:

Include the information the reviewers need to know.

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 11, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 71039cd
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69e6c720a7972d00084aa2a3
😎 Deploy Preview https://deploy-preview-4978--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud
Copy link
Copy Markdown

@one-community one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Mar 17, 2026
@ManojPuttaswamy
Copy link
Copy Markdown

I tried testing the functionalities by switching to "taariq-feature-lesson-plan-builder-frontend", but I see POST /api/educator/assign-tasks return 404 error. Not sure if I have to have any records in the database prior to testing.

Screenshot 2026-03-17 at 11 41 56 PM

Copy link
Copy Markdown

@ManojPuttaswamy ManojPuttaswamy left a comment

Choose a reason for hiding this comment

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

please cleanup comments which aren't necessary

Copy link
Copy Markdown

@Anusha-Gali Anusha-Gali left a comment

Choose a reason for hiding this comment

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

Hi Taariq,

I have reviewed your PR locally and have found the below issue:

  • The UI of the manually assigned and auto assigned does not show the pop of color as it does in light mode
  • The calendar is in light mode when the application is in dark mode
  • As you can see in the below video, there is a huge delay in terms of notification pop up which can cause people to assume that it did not get clicked and they can click it multiple times just like i did and the notification appears multiple times
  • Also what exactly does 1404 mean in the notification.
  • And the UI is not mobile responsive
4978.mov
Image Image Image Image Image Image Image Image Image Image Image Image

@one-community one-community changed the title Taariq: Adding a Lesson Plan Builder UI and update routes Sphurthy taking over for Taariq: Adding a Lesson Plan Builder UI and update routes Mar 22, 2026
@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants