Daily View: Enter Shifts, See Per-Day Pay Breakdowns

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/dmaman86/shiftly/llms.txt

Use this file to discover all available pages before exploring further.

​

Work Table Layout

​

How to Add a Shift

​

Display Modes

​

Compact Mode

​

Expanded Mode

​

Cross-Day Shifts

• Check the cross-day box to confirm the end time belongs to the following calendar day. The system marks end.date one day ahead and recalculates accordingly.
• Do not check it if the time entry was simply a mistake — correct the end time instead.
• Attempting to save a shift where end ≤ start without the cross-day box checked triggers a snackbar warning: “A shift crossing midnight was detected. Please check ‘cross day’ before saving.”

// ShiftRow.tsx — cross-day detection logic
const crossDay =
  dateService.getDaysDifference(localShift.end.date, localShift.start.date) > 0;

const hasError =
  !crossDay && endMinutes + (crossDay ? 1440 : 0) <= startMinutes;

​

Sick and Vacation Days

• The sick and vacation checkboxes are mutually exclusive — checking one clears the other and resets shift entries for that day.
• All shift input controls (add, edit, save) are disabled for the day; isEditable is false whenever status !== WorkDayStatus.normal.
• The pay breakdown columns display the standard daily hours as hours100Sick or hours100Vacation in the expanded view.

​

Day Types

​

Incremental Recalculation

1. The previous WorkDayMap for that date is subtracted from globalBreakdown via MonthPayMapReducer.subtract().
2. The newly computed WorkDayMap is accumulated into globalBreakdown via MonthPayMapReducer.accumulate().
3. The updated WorkDayMap is stored back into dailyPayMaps[dateKey].

// DayRow.tsx — effect that drives incremental updates
useEffect(() => {
  const dateKey = workDay.meta.date;
  const prev = prevDayPayMapRef.current;

  if (dayPayMap.totalHours === 0) {
    if (prev) {
      removeDay(dateKey);
      prevDayPayMapRef.current = null;
    }
    return;
  }

  if (!prev || !isSameDayPayMap(prev, dayPayMap)) {
    addDay(dateKey, dayPayMap);
    prevDayPayMapRef.current = dayPayMap;
  }
}, [dayPayMap, workDay.meta.date, addDay, removeDay]);