diff options
Diffstat (limited to 'modern/src/reports/LogsPage.jsx')
-rw-r--r-- | modern/src/reports/LogsPage.jsx | 84 |
1 files changed, 0 insertions, 84 deletions
diff --git a/modern/src/reports/LogsPage.jsx b/modern/src/reports/LogsPage.jsx deleted file mode 100644 index 7bdbd309..00000000 --- a/modern/src/reports/LogsPage.jsx +++ /dev/null @@ -1,84 +0,0 @@ -import React, { useEffect } from 'react'; -import { useNavigate } from 'react-router-dom'; -import { useDispatch, useSelector } from 'react-redux'; -import { - Table, TableRow, TableCell, TableHead, TableBody, IconButton, Tooltip, -} from '@mui/material'; -import makeStyles from '@mui/styles/makeStyles'; -import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline'; -import HelpOutlineIcon from '@mui/icons-material/HelpOutline'; -import { useTranslation } from '../common/components/LocalizationProvider'; -import PageLayout from '../common/components/PageLayout'; -import ReportsMenu from './components/ReportsMenu'; -import { sessionActions } from '../store'; - -const useStyles = makeStyles((theme) => ({ - columnAction: { - width: '1%', - paddingLeft: theme.spacing(1), - }, - success: { - color: theme.palette.success.main, - }, - error: { - color: theme.palette.error.main, - }, -})); - -const LogsPage = () => { - const classes = useStyles(); - const navigate = useNavigate(); - const dispatch = useDispatch(); - const t = useTranslation(); - - useEffect(() => { - dispatch(sessionActions.enableLogs(true)); - return () => dispatch(sessionActions.enableLogs(false)); - }, []); - - const items = useSelector((state) => state.session.logs); - - const registerDevice = (uniqueId) => { - const query = new URLSearchParams({ uniqueId }); - navigate(`/settings/device?${query.toString()}`); - }; - - return ( - <PageLayout menu={<ReportsMenu />} breadcrumbs={['reportTitle', 'statisticsTitle']}> - <Table> - <TableHead> - <TableRow> - <TableCell className={classes.columnAction} /> - <TableCell>{t('deviceIdentifier')}</TableCell> - <TableCell>{t('positionProtocol')}</TableCell> - <TableCell>{t('commandData')}</TableCell> - </TableRow> - </TableHead> - <TableBody> - {items.map((item, index) => /* eslint-disable react/no-array-index-key */ ( - <TableRow key={index}> - <TableCell className={classes.columnAction} padding="none"> - {item.deviceId ? ( - <IconButton size="small" disabled> - <CheckCircleOutlineIcon fontSize="small" className={classes.success} /> - </IconButton> - ) : ( - <Tooltip title={t('loginRegister')}> - <IconButton size="small" onClick={() => registerDevice(item.uniqueId)}> - <HelpOutlineIcon fontSize="small" className={classes.error} /> - </IconButton> - </Tooltip> - )} - </TableCell> - <TableCell>{item.uniqueId}</TableCell> - <TableCell>{item.protocol}</TableCell> - <TableCell>{item.data}</TableCell> - </TableRow> - ))} - </TableBody> - </Table> - </PageLayout> - ); -}; - -export default LogsPage; |