You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
### 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]>
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
CombinationContainer
and the new componentComparisonContainer
.ComparisonContainer
has a header with an enable buttonOther Notes
NavDrawer
is a drawer that functions on mobile mode. It should have some transition functionality defined so refer to that to make your life easier :)Modal
to make your delete confirm modal.The text was updated successfully, but these errors were encountered: