chore(web): extract start-end date update logic into dedicated functions

Author: that-one-arab

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

@@ -7,7 +7,11 @@ import {
   YMDHAM_FORMAT,
   YMDHM_FORMAT,
 } from "@core/constants/date.constants";
-import { Categories_Event, Direction_Migrate } from "@core/types/event.types";
+import {
+  Categories_Event,
+  Direction_Migrate,
+  Schema_Event,
+} from "@core/types/event.types";
 import { Option_Time } from "@web/common/types/util.types";
 import { GRID_TIME_STEP } from "@web/views/Calendar/layout.constants";
 import { roundToNext } from ".";
@@ -345,3 +349,29 @@ const _getWeeklyMigrationDates = (
 
   return { startDate, endDate };
 };
+
+export const setEventStartEndDatesToCurrentWeek = (
+  event: Schema_Event,
+): Schema_Event => {
+  const weekStart = dayjs(new Date()).startOf("week");
+  const weekEnd = dayjs(new Date()).endOf("week");
+
+  return {
+    ...event,
+    startDate: weekStart.format(),
+    endDate: weekEnd.format(),
+  };
+};
+
+export const setEventStartEndDatesToCurrentMonth = (
+  event: Schema_Event,
+): Schema_Event => {
+  const monthStart = dayjs(new Date()).startOf("month");
+  const monthEnd = dayjs(new Date()).endOf("month");
+
+  return {
+    ...event,
+    startDate: monthStart.format(),
+    endDate: monthEnd.format(),
+  };
+};

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

@@ -26,6 +26,8 @@ import { getX } from "@web/common/utils/grid.util";
 import {
   getDatesByCategory,
   getMigrationDates,
+  setEventStartEndDatesToCurrentMonth,
+  setEventStartEndDatesToCurrentWeek,
 } from "@web/common/utils/web.date.util";
 import {
   selectDraft,
@@ -438,38 +440,24 @@ export const useSidebarActions = (
     };
     setSomedayEvents(newState);
 
-    const draggedEvent = state.somedayEvents.events[draggableId];
+    let draggedEvent = state.somedayEvents.events[draggableId];
 
     const draggedToMonthColumn = destColumn.id === COLUMN_MONTH;
 
-    let newStartDate;
-    let newEndDate;
-
     if (draggedToMonthColumn) {
-      // set month start-end to current month
-      const monthStart = dayjs(new Date()).startOf("month");
-      const monthEnd = dayjs(new Date()).endOf("month");
-      newStartDate = monthStart.format();
-      newEndDate = monthEnd.format();
+      draggedEvent = setEventStartEndDatesToCurrentMonth(draggedEvent);
     } else {
-      // set week start-end to current week
-      const weekStart = dayjs(new Date()).startOf("week");
-      const weekEnd = dayjs(new Date()).endOf("week");
-      newStartDate = weekStart.format();
-      newEndDate = weekEnd.format();
+      draggedEvent = setEventStartEndDatesToCurrentWeek(draggedEvent);
     }
 
     const newOrder = destEventIds.indexOf(draggableId);
 
+    draggedEvent.order = newOrder;
+
     dispatch(
       editEventSlice.actions.request({
         _id: draggedEvent._id,
-        event: {
-          ...draggedEvent,
-          startDate: newStartDate,
-          endDate: newEndDate,
-          order: newOrder,
-        },
+        event: draggedEvent,
       }),
     );
   };