[Feature Request] Show course conflicts

[jsun969]

Overview

Show conflicts between courses in both chips and calendar.

Details

For chip and course modal: add a ⚠️ emoji in chip and show conflict details in course modal

For calendar: conflict course cards should be displayed side by side like

There is a timeOverlap util function (utils/time-overlap-ts) which may be helpful.

Remove course sorting in getWeekCourses (helpers/calendar.ts) and zIndex in CalendarCourses (components/Calendar.tsx) since it's for displaying conflicts by opacity.

Why would this feature be useful?

Tell user which courses are conflict when scheduling timetable

Additional Notes

No response

[jsun969]

Fixed the conflicts in calendar when times are same. But overlapping time is still an issue

[cyruskelly]

If there is a conflict between a course and an immovable course the immovable course will not display correctly:

[jsun969]

@cyruskelly

I think it's correctly displayed for now. Since courses with longer duration will be at bottom to make sure user can drag courses that have shorter duration, they will be covered.

But it will be better if we can solve this issue and display conflicts like apple calendar.