Only query single route if segmentRange specified

package.json

@@ -24,7 +24,7 @@
     "node": ">=16"
   },
   "dependencies": {
-    "@commaai/api": "github:commaai/comma-api#3.1.2",
+    "@commaai/api": "github:commaai/comma-api#3.1.3",
     "@commaai/my-comma-auth": "^1.4.1",
     "@mapbox/mapbox-sdk": "^0.15.3",
     "@material-ui/core": "^1.5.1",

src/actions/index.js

@@ -32,10 +32,18 @@ export function checkRoutesData() {
     const { dongleId } = state;
     const fetchRange = state.filter;
 
-    routesRequest = {
-      req: Drives.getRoutesSegments(dongleId, fetchRange.start, fetchRange.end, state.limit),
-      dongleId,
-    };
+    // if requested segment range not in loaded routes, fetch it explicitly
+    if (state.segmentRange) {
+      routesRequest = {
+        req: Drives.getRoutesSegments(dongleId, undefined, undefined, undefined, `${dongleId}|${state.segmentRange.log_id}`),
+        dongleId,
+      };
+    } else {
+      routesRequest = {
+        req: Drives.getRoutesSegments(dongleId, fetchRange.start, fetchRange.end, state.limit),
+        dongleId,
+      };
+    }
 
     routesRequestPromise = routesRequest.req.then((routesData) => {
       state = getState();
@@ -148,8 +156,6 @@ export function urlForState(dongleId, log_id, start, end, prime) {
 }
 
 function updateTimeline(state, dispatch, log_id, start, end, allowPathChange) {
-  dispatch(checkRoutesData());
-
   if (!state.loop || !state.loop.startTime || !state.loop.duration || state.loop.startTime < start
     || state.loop.startTime + state.loop.duration > end || state.loop.duration < end - start) {
     dispatch(resetPlayback());