WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/app/pages/calendar/CalendarPage.jsx

-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import { Container, Grid } from '@mui/material'
 import { Calendar, momentLocalizer } from 'react-big-calendar'
 import moment from 'moment'
 import EventsList from '../../components/calendar/EventsList'
 import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'
 import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'
 import 'react-big-calendar/lib/sass/styles.scss'
+import { axios } from '../../utils'
 moment.locale('es-ES')
 const localizer = momentLocalizer(moment)
 const CalendarPage = () => {
-  const [events, setEvents] = useState([
+  const [events, setEvents] = useState([])
+  useEffect(() => {
+    axios.get('/calendar/events').then((response) => {
-    {
+      const events = response.data
-      id: 0,
-      title: 'All Day Event very long title',
+      const formattedData = events.map((event) => ({
+        ...event,
+        start: new Date(event.start),
+        end: new Date(event.start),
+      }))
-      allDay: true,
-      start: new Date('2023/08/30'),
+      setEvents(formattedData)
-    },
+    })
-  ])
+  }, [])
   return (

Proyectos de Subversion LeadersLinked - Antes de SPA