Implement the Compare Panel #175
Assignees
Labels
task
Task issue for a current or past sprint
Comments
samarth52
added a commit
that referenced
this issue
Oct 19, 2023
### Summary Resolves #175 Adds compare panel and related overlays and modals. There is a bug with the drawer button. If you move your mouse really fast left and right over it, it causes the tooltip to appear at (0, 0). ### Checklist ### Acceptance Criteria #### UI Requirements - [ ] A new panel is added on the right side of the screen that houses `CombinationContainer` and the new component `ComparisonContainer`. - [ ] The new panel is collapsible and should behave like a drawer. - [ ] The `ComparisonContainer` has a header with an enable button - [ ] Friends' and schedules' names are editable. - [ ] When a friend has a nickname, hovering over the nickname should display a popup with their email info. - [ ] Friends and schedules can be deleted and a confirmation modal should pop up to confirm the deletion. - [ ] Panel works for both light and dark modes. ### How to Test Run the code and go through all functions (click checkboxes, edit schedules, delete schedules, add schedule versions (through the form in the version dropdown), etc.) --------- Co-authored-by: Nghi Ho <[email protected]> Co-authored-by: EmilyAL001 <[email protected]> Co-authored-by: Samarth Chandna <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
We want a medium for users to view all friend schedules that they have access to and choose which one(s) they want to compare against their own schedule. Users should also be able to edit and remove the schedules shared with them using this medium. In this ticket, you will create a panel for that. We just need the UI elements at this stage so no need to worry about making the panel completely functional.
Refer to Figma for more design details.
Acceptance Criteria
UI Requirements
CombinationContainerand the new componentComparisonContainer.ComparisonContainerhas a header with an enable buttonOther Notes
NavDraweris a drawer that functions on mobile mode. It should have some transition functionality defined so refer to that to make your life easier :)Modalto make your delete confirm modal.The text was updated successfully, but these errors were encountered: