Migrate reports to page layout

1 files changed, 5 insertions, 3 deletions

diff --git a/modern/src/reports/TripReportPage.js b/modern/src/reports/TripReportPage.js
index a87031d3..a0141b68 100644
--- a/modern/src/reports/TripReportPage.js
+++ b/modern/src/reports/TripReportPage.js
@@ -5,9 +5,10 @@ import {
   formatDistance, formatSpeed, formatHours, formatDate, formatVolume,
 } from '../common/util/formatter';
 import ReportFilter from './components/ReportFilter';
-import ReportLayout from './components/ReportLayout';
 import { useAttributePreference } from '../common/util/preferences';
 import { useTranslation } from '../common/components/LocalizationProvider';
+import PageLayout from '../common/components/PageLayout';
+import ReportsMenu from './components/ReportsMenu';
 
 const Filter = ({ setItems }) => {
   const handleSubmit = async (deviceId, from, to, mail, headers) => {
@@ -116,7 +117,8 @@ const TripReportPage = () => {
   }];
 
   return (
-    <ReportLayout filter={<Filter setItems={setItems} />}>
+    <PageLayout menu={<ReportsMenu />} breadcrumbs={['reportTitle', 'reportTrips']}>
+      <Filter setItems={setItems} />
       <DataGrid
         rows={items}
         columns={columns}
@@ -124,7 +126,7 @@ const TripReportPage = () => {
         autoHeight
         getRowId={() => Math.random()}
       />
-    </ReportLayout>
+    </PageLayout>
   );
 };