diff --git a/src/components/Apprenant.js b/src/components/Apprenant.js index 13ecef4..d43e5bc 100644 --- a/src/components/Apprenant.js +++ b/src/components/Apprenant.js @@ -20,7 +20,7 @@ import { FcInfo } from "react-icons/fc"; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; -import { FcAcceptDatabase, } from "react-icons/fc"; +import { FcAcceptDatabase, } from "react-icons/fc"; import { format } from 'date-fns' import InputAdornment from '@mui/material/InputAdornment'; import { AiFillCloseCircle, AiOutlineConsoleSql } from "react-icons/ai"; @@ -36,7 +36,7 @@ import DialogTitle from '@mui/material/DialogTitle'; import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; import { Fab } from "@material-ui/core"; import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; -import { AiTwotoneSave } from "react-icons/ai"; +import { AiTwotoneSave } from "react-icons/ai"; import { FcEditImage } from "react-icons/fc"; import ToggleSwitch from "./ToggleSwitch"; @@ -50,6 +50,9 @@ import "react-datepicker/dist/react-datepicker.css"; import moment from "moment"; import 'moment/locale/fr'; import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; +import { gridClasses } from '@mui/x-data-grid'; +import Link from '@mui/material/Link'; +import { PiDotsThree } from "react-icons/pi"; const Apprenant = (props) => { @@ -68,13 +71,58 @@ const Apprenant = (props) => { const [selectedfilt2, setselectedfilt2] = useState(""); const [selectedfilt3, setselectedfilt3] = useState(""); + + function ExpandableCell_50({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( + + ); + } + + + + function Display_Colunm_text({ value }) { + + return ( +