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

calendar fix

Browse Source
This commit is contained in:
victorAnumudu
2024-12-18 14:12:45 +01:00
parent b6886956c9
commit 319b9d04aa
3 changed files with 13 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/calendar/Calendar.jsx
+7 -9
View File
@@ -8,13 +8,11 @@ export default function Calendar(){
const [draggedEvent, setDraggedEvent] = useState()
const handleDragStart = useCallback((event) => setDraggedEvent(event), [])
const formatName = (name) => `${name}`
const dummyEvents = [
{id: '1', name: 'Family Vacation', color: 'fc-event-primary'},
{id: '2', name: 'Meeting In Office', color: 'fc-event-warning'},
{id: '3', name: 'Client Call', color: 'fc-event-danger'},
{id: '4', name: 'Interview', color: 'fc-event-success'}
{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: '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: '3', title: 'Client Call', color: 'fc-event-danger', start: new Date('2024-12-20'), end: new Date('2024-12-20'), allDay: 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: ''}
]
return(
@@ -43,10 +41,10 @@ export default function Calendar(){
<div key={index} className={`fc-event ${item.color}`} data-color={`${item.color}`}
// draggable="true"
onDragStart={() =>
handleDragStart({ title: formatName(item.name)})
handleDragStart({...item})
}
>
<span></span> {item.name}
<span></span> {item.title}
</div>
))}
<div className="form-check">
@@ -60,7 +58,7 @@ export default function Calendar(){
</div>
<div className="col-xl-9">
<div className="event-calendar">
<EventCalendar draggedEvent={draggedEvent} setDraggedEvent={setDraggedEvent} formatName={formatName} />
<EventCalendar draggedEvent={draggedEvent} setDraggedEvent={setDraggedEvent} />
</div>
</div>
</div>