fix week view range when month transitioning
This commit is contained in:
@ -1,17 +1,22 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import Link from 'next/link';
|
||||
import common from 'src/helpers/common';
|
||||
import axiosInstance from 'src/axiosSecure';
|
||||
|
||||
const PublisherShiftsModal = ({ publisher, _shifts, onClose, date, onAssignmentChange }) => {
|
||||
|
||||
const [shifts, setShifts] = React.useState([..._shifts]);
|
||||
const [shifts, setShifts] = useState([..._shifts]);
|
||||
const [assignments, setAssignments] = useState(publisher.assignments || []);
|
||||
//Refactor ToDo: show the whole month instead of just the current week by showing the shift start time in front of the rows, and show all shifts in the month from the first to the last week in the cell where we show one shift now
|
||||
|
||||
const monthInfo = common.getMonthDatesInfo(new Date(date));
|
||||
let monthInfo = common.getMonthDatesInfo(new Date(date));
|
||||
//if date is before monthInfo.firstMonday, get the previous month indexOf
|
||||
if (date < monthInfo.firstMonday) {
|
||||
monthInfo = common.getMonthDatesInfo(new Date(date.getFullYear(), date.getMonth() - 1, 1));
|
||||
}
|
||||
const monthShifts = shifts.filter(shift => {
|
||||
const shiftDate = new Date(shift.startTime);
|
||||
return shiftDate > monthInfo.firstDay && shiftDate < monthInfo.lastDay;
|
||||
return shiftDate > monthInfo.firstDay && shiftDate < monthInfo.lastSunday;
|
||||
});
|
||||
const weekShifts = monthShifts.filter(shift => {
|
||||
const shiftDate = new Date(shift.startTime);
|
||||
@ -38,11 +43,13 @@ const PublisherShiftsModal = ({ publisher, _shifts, onClose, date, onAssignmentC
|
||||
console.log("dayShifts:", dayShifts);
|
||||
|
||||
const hasAssignment = (shiftId) => {
|
||||
// return publisher.assignments.some(ass => ass.shift.id == shiftId);
|
||||
return publisher.assignments?.some(ass => {
|
||||
//console.log(`Comparing: ${ass.shift.id} to ${shiftId}: ${ass.shift.id === shiftId}`);
|
||||
return ass.shift.id === shiftId;
|
||||
});
|
||||
|
||||
return assignments.some(ass => ass.shift.id === shiftId);
|
||||
// // return publisher.assignments.some(ass => ass.shift.id == shiftId);
|
||||
// return publisher.assignments?.some(ass => {
|
||||
// //console.log(`Comparing: ${ass.shift.id} to ${shiftId}: ${ass.shift.id === shiftId}`);
|
||||
// return ass.shift.id === shiftId;
|
||||
// });
|
||||
};
|
||||
|
||||
|
||||
@ -163,6 +170,8 @@ const addAssignment = async (publisher, shiftId) => {
|
||||
data.shift = shifts.find(shift => shift.id === shiftId);
|
||||
publisher.assignments = [...publisher.assignments, data];
|
||||
// handleAssignmentChange(publisher.id, 'add');
|
||||
|
||||
setAssignments(prevAssignments => [...prevAssignments, data]);
|
||||
if (onAssignmentChange) { onAssignmentChange(publisher.id, 'add'); }
|
||||
} catch (error) {
|
||||
console.error("Error adding assignment:", error);
|
||||
@ -175,6 +184,9 @@ const removeAssignment = async (publisher, shiftId) => {
|
||||
const { data } = await axiosInstance.delete(`/api/data/assignments/${assignment.id}`);
|
||||
//remove from local assignments:
|
||||
publisher.assignments = publisher.assignments.filter(a => a.id !== assignment.id)
|
||||
// Update local state
|
||||
setAssignments(prevAssignments => prevAssignments.filter(a => a.id !== assignment.id));
|
||||
|
||||
//
|
||||
// handleAssignmentChange(publisher.id, 'remove')
|
||||
if (onAssignmentChange) {
|
||||
|
Reference in New Issue
Block a user