1 files changed, 8 insertions, 2 deletions
diff --git a/modern/src/reports/RouteReportPage.js b/modern/src/reports/RouteReportPage.js
index a748334..db514e8 100644
--- a/modern/src/reports/RouteReportPage.js
+++ b/modern/src/reports/RouteReportPage.js
@@ -1,12 +1,13 @@
 import React, { useState } from 'react';
-import { Paper } from '@material-ui/core';
-import { DataGrid } from '@material-ui/data-grid';
+import { Paper, Typography } from '@material-ui/core';
+import { DataGrid, GridOverlay } from '@material-ui/data-grid';
 import { useTheme } from '@material-ui/core/styles';
 import {
   formatDistance, formatSpeed, formatBoolean, formatDate, formatCoordinate, formatPosition,
 } from '../common/formatter';
 import ReportFilter from './ReportFilter';
 import ReportLayout from './ReportLayout';
+import NoRowsOverlay from './NoRowsOverlay';
 import { useAttributePreference, usePreference } from '../common/preferences';
 import { useTranslation } from '../LocalizationProvider';
 
@@ -31,6 +32,8 @@ const Filter = ({ setItems }) => {
   return <ReportFilter handleSubmit={handleSubmit} />;
 };
 
+
+
 const RouteReportPage = () => {
   const theme = useTheme();
   const t = useTranslation();
@@ -93,6 +96,9 @@ const RouteReportPage = () => {
         <DataGrid
           rows={items}
           columns={columns}
+          components={{
+            NoRowsOverlay: NoRowsOverlay,
+          }}
           hideFooter
           autoHeight
         />