\r\n\r\n \r\n\r\n\r\n );\r\n }\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { Button, Card, CardContent, makeStyles, Modal, Paper, Select, Typography, FormControl, InputLabel, MenuItem } from '@material-ui/core';\r\nimport API from '../../APICalls';\r\nimport { EmployeeDetails } from './EmployeeDetails';\r\nimport axios from 'axios';\r\nimport { useSnackbar } from 'notistack';\r\n\r\nconst customStyles = makeStyles((theme) => ({\r\n title: {\r\n ...theme.title\r\n },\r\n header: {\r\n ...theme.header\r\n },\r\n suppliers: {\r\n width: '250px',\r\n marginLeft: '3em',\r\n marginTop: '1em',\r\n marginBottom: '2em'\r\n }\r\n}));\r\n\r\nexport const UserManagement = (props) => {\r\n const styles = customStyles();\r\n const { setIsAuth, setToken, user } = props;\r\n const [employeeList, setEmployeeList] = useState([]);\r\n const [selectedEmployee, setSelectedEmployee] = useState('');\r\n const [editing, setEditing] = useState(true);\r\n const source = axios.CancelToken.source();\r\n const { enqueueSnackbar } = useSnackbar();\r\n const [rendered, setRendered] = useState(false);\r\n\r\n useEffect(() => {\r\n\r\n const fetchData = async () => {\r\n await Promise.all([API.get(`Employee/GetAllEmployees/${false}`, { headers: { \"Authorization\": `Bearer ${localStorage.getItem('accessToken')}` } })\r\n .then(response => {\r\n setEmployeeList(response.data);\r\n })\r\n .catch(error => {\r\n if (error.response.status === 401) {\r\n localStorage.clear();\r\n //sessionStorage.clear();\r\n enqueueSnackbar(`INFO: Token Expired - Please Refresh the Page and Log In`, {\r\n variant: 'info',\r\n persist: true\r\n });\r\n window.location.replace(window.location.origin);\r\n\r\n }\r\n if (!axios.isCancel(error)) {\r\n enqueueSnackbar(`ERROR: Could not Retrieve Employee List - ${error.response.data}`, {\r\n variant: 'error',\r\n persist: true\r\n });\r\n }\r\n })]\r\n );\r\n };\r\n if (!rendered) { fetchData(); setRendered(true); }\r\n\r\n return () => {\r\n source.cancel();\r\n }\r\n }, []);\r\n\r\n const handleChange = (event) => {\r\n setSelectedEmployee(event.target.value);\r\n };\r\n\r\n if (!user.IsManager) {\r\n return (\r\n