Prerequisites

• Using an up-to-date main branch

Expected Behavior

Given that there is an all-day event
and the event's form is open
and a user changes the start and end dates
and those start and end dates are both in a new week
and the user clicks Save
then the all-day event rectangle should disappear from the screen
and the event should be visible when navigating to the correct week.

Current Behavior

After saving the event, the rectangle still appears in the current week view.

This is happening for both new and existing events

Steps to Reproduce

1. Click the all-day row to create an all-day event (or click an existing all-day event)
2. Click the start date picker and assign the event to a new week. For example, if today is 12/9/2024, and the week in view is 12/8/24 - 12/14/24, then make the new start 12/17/24 (the next week)
3. Repeat for the end date
4. Click save
5. Notice: the event rectangle doesn't disappear
6. Refresh page
7. Notice: the event rectangle is gone now (due to re-fetching data during page load)

Possible Solution (Not obligatory)

Consider adding a redux action that updates the draft state. Try to avoid adding lots of effects to the DraftEvent, which is already getting overly complex.

Also remember to make the solution work for both new and existing all-day events.

Context

This bug makes users less confident in Compass and its ability to do the basic task of rescheduling events.