Refactor map route plugin

2 files changed, 4 insertions, 0 deletions

diff --git a/modern/src/reports/RouteReportPage.js b/modern/src/reports/RouteReportPage.js
index c901cf66..fb05f1b1 100644
--- a/modern/src/reports/RouteReportPage.js
+++ b/modern/src/reports/RouteReportPage.js
@@ -18,6 +18,7 @@ import MapRoutePath from '../map/MapRoutePath';
 import MapPositions from '../map/MapPositions';
 import useReportStyles from './common/useReportStyles';
 import TableShimmer from '../common/components/TableShimmer';
+import MapCamera from '../map/MapCamera';
 
 const RouteReportPage = () => {
   const classes = useReportStyles();
@@ -65,6 +66,7 @@ const RouteReportPage = () => {
               <MapRoutePath positions={items} />
               <MapPositions positions={[selectedItem]} />
             </MapView>
+            <MapCamera positions={items} />
           </div>
         )}
         <div className={classes.containerMain}>
diff --git a/modern/src/reports/TripReportPage.js b/modern/src/reports/TripReportPage.js
index 23455404..8aed01be 100644
--- a/modern/src/reports/TripReportPage.js
+++ b/modern/src/reports/TripReportPage.js
@@ -21,6 +21,7 @@ import MapRoutePath from '../map/MapRoutePath';
 import AddressValue from '../common/components/AddressValue';
 import TableShimmer from '../common/components/TableShimmer';
 import MapMarkers from '../map/MapMarkers';
+import MapCamera from '../map/MapCamera';
 
 const columnsArray = [
   ['startTime', 'reportStartTime'],
@@ -151,6 +152,7 @@ const TripReportPage = () => {
                 </>
               )}
             </MapView>
+            <MapCamera positions={route} />
           </div>
         )}
         <div className={classes.containerMain}>