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

calendar filtering started

Browse Source
This commit was merged in pull request #22.
This commit is contained in:
victorAnumudu
2025-01-24 13:38:47 +01:00
parent 16066d030b
commit 56125b427d
3 changed files with 53 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/calendar/EventCalendar.jsx
+5 -3
View File
@@ -6,7 +6,7 @@ import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';
import { INITIAL_EVENTS, createEventId } from './event-utils';
export default function EventCalendar({removeAfterDrop, eventList}) {
export default function EventCalendar({removeAfterDrop, eventList, activeCategory}) {
const [weekendsVisible, setWeekendsVisible] = useState(true);
const [currentEvents, setCurrentEvents] = useState([]);
@@ -79,9 +79,11 @@ export default function EventCalendar({removeAfterDrop, eventList}) {
}
useEffect(()=>{
let newEventList = eventList.map(item => ({...item, start: new Date(item?.start)}))
// let newEventList = eventList?.map(item => ({...item, start: new Date(item?.start)}))
let newEventList = eventList?.filter(item => (Number(item.category) == Number(activeCategory)))?.map(item => ({...item, start: new Date(item?.start)}))
console.log('newEventList', newEventList)
setCurrentEvents(newEventList)
},[eventList])
},[activeCategory])
return (
<div className="demo-app">