-
Notifications
You must be signed in to change notification settings - Fork 14
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
Multiple plans #287
Multiple plans #287
Conversation
- updated roadmapSlice to support multiple plans
Blocker for issue #194 , @SenghoungLim to update once closed |
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.
Great job on this, it looks good. I have a few suggestions.
- I think once a user clicks on "Delete Plan", there should not be a scroll bar in the modal window. It might be confusing since we do not have more info to scroll down besides the cancel and delete buttons.
- Ties from the first suggestion, once a user adds plan name, there should not be a scroll, I think it's inconvenient to scroll down to submit the plan.
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.
LGTM!
I'm just requesting more changes so if you could remove the package-lock.json
and package.json
issues and test it out on the staging instance before merging that would be great!
Updated from main and handled merge conflicts. Should now have staging instance, be node 18 compatible, etc. |
Deployed staging instance to https://staging-287.peterportal.org |
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.
Great start. A few things to note:
- Additional schedules are not saved locally or to your account if logged in when clicking save
- upon reloading the page, additional schedules are lost
- only the first schedule is saved, also the name of it is reset back to "Schedule 1"
- I would prefer that you used Bootstrap for the schedule selector, delete button, and modals
- I think it makes more sense to stay consistent with the rest of the site and use Bootstrap rather than add MUI and have extra dependencies/different styling just for this feature
- Also, I'm not too sure what the emotion package is but I don't think we need to add that either
- I would look into changing the UI for managing different schedules to be more like AntAlmanac's new schedule selector, with the edit button, delete, and add all in the same place
- Lastly, consider adding a "Cancel" button to the edit name/add schedule modals
setRoadmapPlan, addRoadmapPlan, deleteRoadmapPlan, setPlanIndex, setPlanName } = roadmapSlice.actions | ||
|
||
|
||
// export const { setRoadmapPlan, addRoadmapPlan, deleteRoadmapPlan } = roadmapMultiplePlanSlice.actions; |
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.
// export const { setRoadmapPlan, addRoadmapPlan, deleteRoadmapPlan } = roadmapMultiplePlanSlice.actions; |
Remove if not needed.
label={name} | ||
onChange={(e) => { | ||
let newIndex = +(e.target.value); | ||
// console.log("selected index", newIndex); |
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.
// console.log("selected index", newIndex); |
5ac93af
to
dcd3f6e
Compare
Progressed picked up in #472 |
Description
Screenshots
Steps to verify/test this change:
Final Checks:
(optional)