aboutsummaryrefslogtreecommitdiff
path: root/modern
diff options
context:
space:
mode:
authorAshutosh Bishnoi <mail2bishnoi@gmail.com>2021-04-07 16:07:03 +0530
committerAshutosh Bishnoi <mail2bishnoi@gmail.com>2021-04-07 16:07:03 +0530
commit63f25d26f42f41492a3addea856fc81d3fe73896 (patch)
tree44fbe4e92c6a91c770426c80da44e8ce7bafbc88 /modern
parente7245fc142f6aa14e70036c0056c498971944cf9 (diff)
downloadetbsa-traccar-web-63f25d26f42f41492a3addea856fc81d3fe73896.tar.gz
etbsa-traccar-web-63f25d26f42f41492a3addea856fc81d3fe73896.tar.bz2
etbsa-traccar-web-63f25d26f42f41492a3addea856fc81d3fe73896.zip
Adding background paper components to reports
Diffstat (limited to 'modern')
-rw-r--r--modern/src/reports/EventReportPage.js14
-rw-r--r--modern/src/reports/RouteReportPage.js13
-rw-r--r--modern/src/reports/StopReportPage.js15
-rw-r--r--modern/src/reports/SummaryReportPage.js16
-rw-r--r--modern/src/reports/TripReportPage.js15
5 files changed, 43 insertions, 30 deletions
diff --git a/modern/src/reports/EventReportPage.js b/modern/src/reports/EventReportPage.js
index cbe2ced..890af34 100644
--- a/modern/src/reports/EventReportPage.js
+++ b/modern/src/reports/EventReportPage.js
@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import { DataGrid } from '@material-ui/data-grid';
-import { FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
+import { FormControl, InputLabel, Select, MenuItem, Paper } from '@material-ui/core';
import t from '../common/localization';
import { formatDate } from '../common/formatter';
import ReportFilter from './ReportFilter';
@@ -84,11 +84,13 @@ const EventReportPage = () => {
return (
<ReportLayoutPage filter={<Filter setItems={setItems} />}>
- <DataGrid
- rows={items}
- columns={columns}
- hideFooter
- autoHeight />
+ <Paper>
+ <DataGrid
+ rows={items}
+ columns={columns}
+ hideFooter
+ autoHeight />
+ </Paper>
</ReportLayoutPage>
);
}
diff --git a/modern/src/reports/RouteReportPage.js b/modern/src/reports/RouteReportPage.js
index b8bad00..02d41a2 100644
--- a/modern/src/reports/RouteReportPage.js
+++ b/modern/src/reports/RouteReportPage.js
@@ -5,6 +5,7 @@ import { formatDistance, formatSpeed, formatBoolean, formatDate, formatCoordinat
import ReportFilter from './ReportFilter';
import ReportLayoutPage from './ReportLayoutPage';
import { useAttributePreference, usePreference } from '../common/preferences';
+import { Paper } from '@material-ui/core';
const Filter = ({ setItems }) => {
@@ -81,11 +82,13 @@ const RouteReportPage = () => {
return (
<ReportLayoutPage filter={<Filter setItems={setItems} />}>
- <DataGrid
- rows={items}
- columns={columns}
- hideFooter
- autoHeight />
+ <Paper>
+ <DataGrid
+ rows={items}
+ columns={columns}
+ hideFooter
+ autoHeight />
+ </Paper>
</ReportLayoutPage>
);
};
diff --git a/modern/src/reports/StopReportPage.js b/modern/src/reports/StopReportPage.js
index 7873151..d5a2503 100644
--- a/modern/src/reports/StopReportPage.js
+++ b/modern/src/reports/StopReportPage.js
@@ -5,6 +5,7 @@ import { formatDistance, formatHours, formatDate, formatVolume } from '../common
import ReportFilter from './ReportFilter';
import ReportLayoutPage from './ReportLayoutPage';
import { useAttributePreference } from '../common/preferences';
+import { Paper } from '@material-ui/core';
const Filter = ({ setItems }) => {
@@ -80,12 +81,14 @@ const StopReportPage = () => {
return (
<ReportLayoutPage filter={<Filter setItems={setItems} />}>
- <DataGrid
- rows={items}
- columns={columns}
- hideFooter
- autoHeight
- getRowId={() => Math.random()} />
+ <Paper>
+ <DataGrid
+ rows={items}
+ columns={columns}
+ hideFooter
+ autoHeight
+ getRowId={() => Math.random()} />
+ </Paper>
</ReportLayoutPage>
);
};
diff --git a/modern/src/reports/SummaryReportPage.js b/modern/src/reports/SummaryReportPage.js
index 2af7d3b..ff59a1f 100644
--- a/modern/src/reports/SummaryReportPage.js
+++ b/modern/src/reports/SummaryReportPage.js
@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import { DataGrid } from '@material-ui/data-grid';
-import { FormControlLabel, Checkbox } from '@material-ui/core';
+import { FormControlLabel, Checkbox, Paper } from '@material-ui/core';
import t from '../common/localization';
import { formatDistance, formatHours, formatDate, formatSpeed, formatVolume } from '../common/formatter';
import ReportFilter from './ReportFilter';
@@ -96,12 +96,14 @@ const SummaryReportPage = () => {
return (
<ReportLayoutPage filter={<Filter setItems={setItems} />}>
- <DataGrid
- rows={items}
- columns={columns}
- hideFooter
- autoHeight
- getRowId={() => Math.random()} />
+ <Paper>
+ <DataGrid
+ rows={items}
+ columns={columns}
+ hideFooter
+ autoHeight
+ getRowId={() => Math.random()} />
+ </Paper>
</ReportLayoutPage>
);
}
diff --git a/modern/src/reports/TripReportPage.js b/modern/src/reports/TripReportPage.js
index 45a7786..5360e73 100644
--- a/modern/src/reports/TripReportPage.js
+++ b/modern/src/reports/TripReportPage.js
@@ -5,6 +5,7 @@ import { formatDistance, formatSpeed, formatHours, formatDate, formatVolume } fr
import ReportFilter from './ReportFilter';
import ReportLayoutPage from './ReportLayoutPage';
import { useAttributePreference } from '../common/preferences';
+import { Paper } from '@material-ui/core';
const Filter = ({ setItems }) => {
@@ -111,12 +112,14 @@ const TripReportPage = () => {
return (
<ReportLayoutPage filter={<Filter setItems={setItems} />}>
- <DataGrid
- rows={items}
- columns={columns}
- hideFooter
- autoHeight
- getRowId={() => Math.random()} />
+ <Paper>
+ <DataGrid
+ rows={items}
+ columns={columns}
+ hideFooter
+ autoHeight
+ getRowId={() => Math.random()} />
+ </Paper>
</ReportLayoutPage>
);
}