Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react'

import React, { useEffect, useState } from 'react'

import { Container, Grid } from '@mui/material'

import { Container, Grid } from '@mui/material'

import { Calendar, momentLocalizer } from 'react-big-calendar'

import { Calendar, momentLocalizer } from 'react-big-calendar'

import moment from 'moment'

import moment from 'moment'

import EventsList from '../../components/calendar/EventsList'

import EventsList from '../../components/calendar/EventsList'

import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'

import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'

import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'

import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'

import EventModal from '../../components/calendar/EventModal'

import EventModal from '../../components/calendar/EventModal'

moment.locale('es-ES')

moment.locale('es-ES')

const localizer = momentLocalizer(moment)

const localizer = momentLocalizer(moment)

    <>

    <>

      <Container as="main" className="px-0">

      <Container as="main" className="px-0">

        <Grid container spacing={2}>

        <Grid container spacing={2}>

          <Grid item xs={12} md={8} spacing={3}>

          <Grid item xs={12} md={8} spacing={3}>

            <Calendar

            <Calendar

              selectable

              selectable

              localizer={localizer}

              localizer={localizer}

              defaultDate={new Date()}

              defaultDate={new Date()}

              defaultView="month"

              defaultView="month"

              onSelectEvent={selectEvent}

              onSelectEvent={selectEvent}

                previous: <ArrowBackIosIcon />,

                previous: <ArrowBackIosIcon />,

                today: 'Hoy',

                today: 'Hoy',

                month: 'Mes',

                month: 'Mes',

                week: 'Semana',

                week: 'Semana',

                day: 'Día',

                day: 'Día',

              }}

              }}

              eventPropGetter={(event) => {

              eventPropGetter={(event) => {

                const backgroundColor = event.backgroundColor

                const backgroundColor = event.backgroundColor

                  ? event.backgroundColor

                  ? event.backgroundColor

                  : 'blue'

                  : 'blue'