Add device export report

This commit is contained in:
Anton Tananaev 2024-03-02 21:31:36 -08:00
parent 3309317e3b
commit 8c6900bc6c

View File

@ -2,10 +2,10 @@ import React, { useState } from 'react';
import { useSelector } from 'react-redux';
import { useNavigate } from 'react-router-dom';
import {
Table, TableRow, TableCell, TableHead, TableBody,
Table, TableRow, TableCell, TableHead, TableBody, Button, TableFooter,
} from '@mui/material';
import LinkIcon from '@mui/icons-material/Link';
import { useEffectAsync } from '../reactHelper';
import { useCatch, useEffectAsync } from '../reactHelper';
import { useTranslation } from '../common/components/LocalizationProvider';
import PageLayout from '../common/components/PageLayout';
import SettingsMenu from './components/SettingsMenu';
@ -48,6 +48,10 @@ const DevicesPage = () => {
}
}, [timestamp]);
const handleExport = () => {
window.location.assign(`/api/reports/devices/xlsx`);
};
const actionConnections = {
key: 'connections',
title: t('sharedConnections'),
@ -94,6 +98,13 @@ const DevicesPage = () => {
</TableRow>
)) : (<TableShimmer columns={7} endAction />)}
</TableBody>
<TableFooter>
<TableRow>
<TableCell colSpan={8} align="right">
<Button onClick={handleExport} variant="text">{t('reportExport')}</Button>
</TableCell>
</TableRow>
</TableFooter>
</Table>
<CollectionFab editPath="/settings/device" />
</PageLayout>