feat(web): Add move to next/prev week/month shortcuts for someday event

Author: that-one-arab

packages/web/src/common/utils/web.date.util.ts

@@ -375,3 +375,48 @@ export const setEventStartEndDatesToCurrentMonth = (
     endDate: monthEnd.format(),
   };
 };
+
+export const setEventStartEndDates = (
+  to: {
+    direction: "prev" | "next" | "current";
+    duration: "week" | "month";
+  },
+  event: Schema_Event,
+): Schema_Event => {
+  const reference =
+    to.direction === "current" ? dayjs(new Date()) : dayjs(event.startDate);
+
+  let start: Dayjs;
+  let end: Dayjs;
+
+  if (to.duration === "week") {
+    start = reference.startOf("week");
+    end = reference.endOf("week");
+
+    if (to.direction === "prev") {
+      start = start.subtract(1, "week");
+      end = end.subtract(1, "week");
+    } else if (to.direction === "next") {
+      start = start.add(1, "week");
+      end = end.add(1, "week");
+    }
+  } else {
+    // duration is month
+    start = reference.startOf("month");
+    end = reference.endOf("month");
+
+    if (to.direction === "prev") {
+      start = start.subtract(1, "month");
+      end = end.subtract(1, "month");
+    } else if (to.direction === "next") {
+      start = start.add(1, "month");
+      end = end.add(1, "month");
+    }
+  }
+
+  return {
+    ...event,
+    startDate: start.format(),
+    endDate: end.format(),
+  };
+};

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

@@ -7,10 +7,7 @@ import { Key } from "ts-key-enum";
 import { Categories_Event } from "@core/types/event.types";
 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 { setEventStartEndDates } 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";
@@ -105,7 +102,6 @@ export const SomedayEventForm: React.FC<FormProps> = ({
   useHotkeys(
     "delete",
     () => {
-      console.log("delete");
       const confirmed = window.confirm(
         `Delete ${event.title || "this event"}?`,
       );
@@ -140,7 +136,13 @@ export const SomedayEventForm: React.FC<FormProps> = ({
     "ctrl+meta+up",
     (e) => {
       e.preventDefault();
-      const updatedEvent = setEventStartEndDatesToCurrentWeek(event);
+      const updatedEvent = setEventStartEndDates(
+        {
+          direction: "current",
+          duration: "week",
+        },
+        event,
+      );
       onSubmit(updatedEvent);
     },
     hotkeysOptions,
@@ -151,7 +153,47 @@ export const SomedayEventForm: React.FC<FormProps> = ({
     "ctrl+meta+down",
     async (e) => {
       e.preventDefault();
-      const updatedEvent = setEventStartEndDatesToCurrentMonth(event);
+      const updatedEvent = setEventStartEndDates(
+        {
+          direction: "current",
+          duration: "month",
+        },
+        event,
+      );
+      onSubmit(updatedEvent);
+    },
+    hotkeysOptions,
+    [event],
+  );
+
+  useHotkeys(
+    "ctrl+meta+right",
+    async (e) => {
+      e.preventDefault();
+      const updatedEvent = setEventStartEndDates(
+        {
+          direction: "next",
+          duration: target,
+        },
+        event,
+      );
+      onSubmit(updatedEvent);
+    },
+    hotkeysOptions,
+    [event],
+  );
+
+  useHotkeys(
+    "ctrl+meta+left",
+    async (e) => {
+      e.preventDefault();
+      const updatedEvent = setEventStartEndDates(
+        {
+          direction: "prev",
+          duration: target,
+        },
+        event,
+      );
       onSubmit(updatedEvent);
     },
     hotkeysOptions,