MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

fixing calendar issues

Browse Source
This commit is contained in:
victorAnumudu
2024-12-18 16:36:22 +01:00
parent 60b827ffc5
commit 3c046c90d7
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/calendar/Calendar.jsx
+5 -5
View File
@@ -9,10 +9,10 @@ export default function Calendar(){
const handleDragStart = useCallback((event) => setDraggedEvent(event), []) const handleDragStart = useCallback((event) => setDraggedEvent(event), [])
const dummyEvents = [ const dummyEvents = [
{id: '1', title: 'Family Vacation', color: 'fc-event-primary', start: new Date('2024-12-18'), end: new Date('2024-12-18'), allDay: false,resource: ''}, {id: '1', title: 'Family Vacation', color: 'fc-event-primary', start: new Date('2024-12-18'), end: new Date('2024-12-18'), isAllDay: false, resource: ''},
{id: '2', title: 'Meeting In Office', color: 'fc-event-warning', start: new Date('2024-12-19'), end: new Date('2024-12-19'), allDay: false,resource: ''}, {id: '2', title: 'Meeting In Office', color: 'fc-event-warning', start: new Date('2024-12-19'), end: new Date('2024-12-19'), isAllDay: false, resource: ''},
{id: '3', title: 'Client Call', color: 'fc-event-danger', start: new Date('2024-12-20'), end: new Date('2024-12-20'), allDay: false,resource: ''}, {id: '3', title: 'Client Call', color: 'fc-event-danger', start: new Date('2024-12-20'), end: new Date('2024-12-20'), isAllDay: false, resource: ''},
{id: '4', title: 'Interview', color: 'fc-event-success', start: new Date('2024-12-21'), end: new Date('2024-12-21'), allDay: false,resource: ''} {id: '4', title: 'Interview', color: 'fc-event-success', start: new Date('2024-12-21'), end: new Date('2024-12-21'), isAllDay: false, resource: ''}
] ]
return( return(
@@ -38,7 +38,7 @@ export default function Calendar(){
</p> </p>
{dummyEvents.map((item, index) => ( {dummyEvents.map((item, index) => (
<div key={index} className={`fc-event ${item.color}`} data-color={`${item.color}`} <div key={index} className={`fc-event ${item.color}`} data-color={`${item.color}`}
// draggable="true" draggable="true"
onDragStart={() => onDragStart={() =>
handleDragStart({...item}) handleDragStart({...item})
} }
src/component/calendar/EventCalendar.jsx
+5 -5
View File
@@ -23,7 +23,7 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
const moveEvent = useCallback( const moveEvent = useCallback(
({ event, start, end, isAllDay: droppedOnAllDaySlot = false }) => { ({ event, start, end, isAllDay: droppedOnAllDaySlot = false }) => {
// const { allDay } = event const { isAllDay } = event
// if (!allDay && droppedOnAllDaySlot) { // if (!allDay && droppedOnAllDaySlot) {
// event.allDay = true // event.allDay = true
@@ -33,10 +33,10 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
// } // }
setMyEvents((prev) => { setMyEvents((prev) => {
// const existing = prev.find((ev) => ev.id === event.id) ?? {} const existing = prev.find((ev) => ev.id === event.id) ?? {}
// const filtered = prev.filter((ev) => ev.id !== event.id) const filtered = prev.filter((ev) => ev.id !== event.id)
// return [...filtered, { ...existing, start, end, allDay: event.allDay }] return [...filtered, { ...existing, start, end, allDay: event.allDay }]
return [...prev, { ...event, start, end, allDay: event.allDay }] // return [...prev, { ...event, start, end, allDay: event.allDay }]
}) })
}, },
[setMyEvents] [setMyEvents]