diff --git a/src/components/Dashbord_Session.js b/src/components/Dashbord_Session.js new file mode 100644 index 0000000..b8ca1ab --- /dev/null +++ b/src/components/Dashbord_Session.js @@ -0,0 +1,96 @@ +import React, { useRef, useState, useEffect } from "react"; +import TextField from '@mui/material/TextField'; +import MenuItem from '@mui/material/MenuItem'; +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Button from '@mui/material/Button'; +import axios from "axios"; +import { getCookie, setCookie } from 'react-use-cookie'; +import { useHistory } from "react-router-dom"; +import CheckOut from "./CheckOut"; +import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; +import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; +import { Editor } from '@tinymce/tinymce-react'; +import parse from 'html-react-parser'; +import { FcViewDetails, FcDisapprove } from "react-icons/fc"; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' +import add_plus from "../mysy_img/plus.png"; +import excel_icone from "../mysy_img/excel_icone.png"; +import participants from "../mysy_img/participants.png"; +import fileDownload from 'js-file-download' +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; +import DatePicker from "react-datepicker"; +import "react-datepicker/dist/react-datepicker.css"; +import { format } from 'date-fns' +import moment from "moment"; +import InputAdornment from '@mui/material/InputAdornment'; +import { AiFillCloseCircle } from "react-icons/ai"; +import Box from '@mui/material/Box'; +import { Typography, LinearProgress, sliderClasses } from '@mui/material'; +import styled from 'styled-components'; +import { CiTrash } from "react-icons/ci"; +import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md"; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; +import { TransitionProps } from '@mui/material/transitions'; +import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; +//import FullCalendar from "@fullcalendar/react"; +import daygridPlugin from "@fullcalendar/daygrid"; +//import interactionPlugin from "@fullcalendar/interaction"; +//import timeGridPlugin from "@fullcalendar/timegrid"; +import { v4 as uuid } from "uuid"; +import allLocales from '@fullcalendar/core/locales-all' +import { RepeatOnRounded } from "@mui/icons-material"; +import { alignPropType } from "react-bootstrap/esm/types"; + + +import FullCalendar, { formatDate } from "@fullcalendar/react"; +import dayGridPlugin from "@fullcalendar/daygrid"; +import timeGridPlugin from "@fullcalendar/timegrid"; +import interactionPlugin from "@fullcalendar/interaction"; + +import { + ListItem, + ListItemText, + useTheme, +} from "@mui/material"; + + +const Dashbord_Session = (props) => { + + const myconntected_employee_id = props.conntected_employee_id; + + const [selected_employee_id, setselected_employee_id] = useState(props.conntected_employee_id); + + const history = useHistory(); + const [isLoading, setLoading] = useState(); + + + useEffect(() => { + + + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + + }, [myconntected_employee_id]) + + return ( +