feat(web): move someday event from/to week or month section using keyboard shortcuts

Author: that-one-arab

packages/web/src/views/Calendar/components/Draft/sidebar/hooks/useSidebarActions.ts

@@ -361,28 +361,37 @@ export const useSidebarActions = (
     createDefaultSomeday();
   };
 
-  const onSubmit = async (category: Categories_Event) => {
-    if (!state.draft) return;
+  const onSubmit = async (
+    category: Categories_Event,
+    event: Schema_Event | null = state.draft,
+  ) => {
+    if (!event) return;
 
-    const { startDate, endDate } = getDatesByCategory(
-      category,
-      viewStart,
-      viewEnd,
-    );
-    const _event = { ...state.draft, startDate, endDate };
+    let _event = { ...event };
+
+    if (!_event.startDate || !_event.endDate) {
+      // This probably means we are creating a new event, hence why we don't have start/end dates
+      const { startDate, endDate } = getDatesByCategory(
+        category,
+        viewStart,
+        viewEnd,
+      );
+      _event.startDate = startDate;
+      _event.endDate = endDate;
+    }
 
     const userId = await getUserId();
-    const event = prepEvtBeforeSubmit(_event, userId);
+    _event = prepEvtBeforeSubmit(_event, userId);
 
-    const isExisting = event._id;
+    const isExisting = _event._id;
     if (isExisting) {
-      const isRecurring = event.recurrence?.rule;
-      const wasRecurring = event.recurrence?.rule === null;
+      const isRecurring = _event.recurrence?.rule;
+      const wasRecurring = _event.recurrence?.rule === null;
 
       dispatch(
         editEventSlice.actions.request({
-          _id: event._id,
-          event,
+          _id: _event._id,
+          event: _event,
           applyTo: isRecurring || wasRecurring ? "all" : null,
         }),
       );
@@ -393,7 +402,7 @@ export const useSidebarActions = (
           : state.somedayMonthIds.length;
 
       const eventWithOrder = {
-        ...event,
+        ..._event,
         order,
       };
       dispatch(createEventSlice.actions.request(eventWithOrder));

packages/web/src/views/Calendar/components/Sidebar/SomedayTab/SomedayEvents/DraggableSomedayEvent/DraggableSomedayEvent.tsx

@@ -42,7 +42,7 @@ export const DraggableSomedayEvent: FC<Props> = ({
                 isDrafting={isDraftingThisEvent}
                 isOverGrid={isOverGrid}
                 onMigrate={actions.onMigrate}
-                onSubmit={() => actions.onSubmit(category)}
+                onSubmit={(event) => actions.onSubmit(category, event)}
                 provided={provided}
                 snapshot={snapshot}
                 setEvent={setters.setDraft}

packages/web/src/views/Forms/SomedayEventForm/SomedayEventForm.tsx

@@ -6,6 +6,10 @@ import "react-toastify/dist/ReactToastify.css";
 import { Key } from "ts-key-enum";
 import { ID_SOMEDAY_EVENT_FORM } from "@web/common/constants/web.constants";
 import { colorByPriority } from "@web/common/styles/theme.util";
+import {
+  setEventStartEndDatesToCurrentMonth,
+  setEventStartEndDatesToCurrentWeek,
+} from "@web/common/utils/web.date.util";
 import { getSomedayEventsSlice } from "@web/ducks/events/slices/someday.slice";
 import { useAppDispatch } from "@web/store/store.hooks";
 import { useDraftContext } from "@web/views/Calendar/components/Draft/context/useDraftContext";
@@ -125,6 +129,28 @@ export const SomedayEventForm: React.FC<FormProps> = ({
     [_onSubmit],
   );
 
+  useHotkeys(
+    "ctrl+meta+up",
+    (e) => {
+      e.preventDefault();
+      const updatedEvent = setEventStartEndDatesToCurrentWeek(event);
+      onSubmit(updatedEvent);
+    },
+    hotkeysOptions,
+    [event],
+  );
+
+  useHotkeys(
+    "ctrl+meta+down",
+    async (e) => {
+      e.preventDefault();
+      const updatedEvent = setEventStartEndDatesToCurrentMonth(event);
+      onSubmit(updatedEvent);
+    },
+    hotkeysOptions,
+    [event],
+  );
+
   const onSetEventField: SetEventFormField = (field) => {
     const newEvent = { ...event, ...field };