aboutsummaryrefslogtreecommitdiff
path: root/modern/src/reports/LogsPage.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/reports/LogsPage.jsx')
-rw-r--r--modern/src/reports/LogsPage.jsx84
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;