Skip to content
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

Closed
wants to merge 3 commits into from
Closed

Multiple plans #287

wants to merge 3 commits into from

Conversation

MFYLM
Copy link
Contributor

@MFYLM MFYLM commented Apr 27, 2023

Description

  • added multiplanner component
  • updated roadMapSlice to support multiple plans

Screenshots

image

Steps to verify/test this change:

  • Verify changes work as expected on staging instance

Final Checks:

  • Verify successful deployment
  • Delete branch

(optional)

  • Write tests
  • Write documentation

- updated roadmapSlice to support multiple plans
@ethanwong16 ethanwong16 added enhancement New feature or request peter's roadmap Story Point: 3 backend or full-stack change. maybe adding an endpoint or changing the response of an endpoint + the mvp resolve this to include task in PeterPortal MVP and move out of beta testing labels May 5, 2023
@ethanwong16
Copy link
Member

Blocker for issue #194 , @SenghoungLim to update once closed

Copy link
Contributor

@SenghoungLim SenghoungLim left a 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.

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

Delete Plan

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

image

3. It might be a nitpicking for me, but I think the sentence "Are you sure about deleting the current plan?" should change to "Are you sure you want to delete _"plan name"_? (You cannot undo this action)". I think this will allow users to know that it is permanent and ensure that they don't delete the wrong plan. It also shows consistency with other projects like AntAlmanac.

Copy link
Member

@ethanwong16 ethanwong16 left a 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!

api/package-lock.json Outdated Show resolved Hide resolved
package-lock.json Outdated Show resolved Hide resolved
@js0mmer js0mmer linked an issue Oct 14, 2023 that may be closed by this pull request
@js0mmer js0mmer self-requested a review October 14, 2023 04:25
@js0mmer
Copy link
Member

js0mmer commented Oct 19, 2023

Updated from main and handled merge conflicts. Should now have staging instance, be node 18 compatible, etc.

@github-actions
Copy link

Deployed staging instance to https://staging-287.peterportal.org

Copy link
Member

@js0mmer js0mmer left a 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
    • I think their new UI is more intuitive to use and we should copy that
      image
  • 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;
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
// 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);
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
// console.log("selected index", newIndex);

@Awesome-E
Copy link
Member

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
I think their new UI is more intuitive to use and we should copy that

I agree with this; maybe we could put it where it currently says "Peter's Roadmap"?
I'm thinking something like this:
image

@Awesome-E
Copy link
Member

Progressed picked up in #472

@Awesome-E Awesome-E closed this May 8, 2024
@js0mmer js0mmer deleted the multiple-plans branch May 28, 2024 09:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request mvp resolve this to include task in PeterPortal MVP and move out of beta testing peter's roadmap Story Point: 3 backend or full-stack change. maybe adding an endpoint or changing the response of an endpoint + the
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Multiple planner on roadmap page
5 participants