adjust some data caching parameters

Maroon-Rides · Sep 13, 2024 · 00cf6ab · 00cf6ab
1 parent 30039e7
commit 00cf6ab
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/app/components/ui/IconPill.tsx b/app/components/ui/IconPill.tsx
@@ -11,9 +11,7 @@ const IconPill: React.FC<Props> = ({text, icon, style}) => {
     const theme = useAppStore((state) => state.theme);
 
     return (
-        <View 
-            onLayout={(layout) => console.log(layout.nativeEvent.layout.height)}
-
+        <View         
             style={[{ 
                 // backgroundColor: color, 
                 borderColor: theme.pillBorder,

diff --git a/app/components/ui/StopCell.tsx b/app/components/ui/StopCell.tsx
@@ -7,6 +7,7 @@ import useAppStore from "../../data/app_state";
 import AmenityRow from "./AmenityRow";
 import moment from "moment";
 import { useStopEstimate } from "app/data/api_query";
+import { useQueryClient } from "@tanstack/react-query";
 
 interface Props {
     stop: IStop
@@ -26,11 +27,19 @@ const StopCell: React.FC<Props> = ({ stop, route, direction, color, disabled, se
     const setPoppedUpStopCallout = useAppStore((state) => state.setPoppedUpStopCallout);
     const selectedRoute = useAppStore((state) => state.selectedRoute);
     const theme = useAppStore((state) => state.theme);
+    const client = useQueryClient();
 
     const { data: stopEstimate, isLoading, isError } = useStopEstimate(route.key, direction.key, stop.stopCode);
 
     useEffect(() => {
-        if (!stopEstimate || stopEstimate.routeDirectionTimes.length == 0) return
+        if (!stopEstimate) return;
+
+        // this is usually caused by out of date base data
+        // therefore refresh the base data
+        if (stopEstimate.routeDirectionTimes.length == 0) {
+            setStatus("Error loading estimates, try again later.");
+            return
+        }
 
         const estimate = stopEstimate.routeDirectionTimes[0]!;
 

diff --git a/app/data/api_query.ts b/app/data/api_query.ts
@@ -5,6 +5,7 @@ import { getColorScheme } from "app/utils";
 import moment from "moment";
 import { GetBaseDataResponseSchema, GetNextDepartTimesResponseSchema, GetPatternPathsResponseSchema, GetStopEstimatesResponseSchema, GetStopSchedulesResponseSchema, GetTripPlanResponseSchema, GetVehiclesResponseSchema, IFoundLocation, IFoundStop, IGetBaseDataResponse, IGetNextDepartTimesResponse, IGetPatternPathsResponse, IGetStopEstimatesResponse, IGetStopSchedulesResponse, IGetVehiclesResponse, IMapRoute, IMapServiceInterruption, IPatternPoint, IVehicle, SearchSuggestion } from "utils/interfaces";
 
+var hasInvalid = 0;
 
 export const useAuthToken = () => {
     const query = useQuery({
@@ -112,7 +113,8 @@ export const useRoutes = () => {
             return mergedRoutes;
         },
         enabled: patternPathsQuery.isSuccess && baseDataQuery.isSuccess,
-        staleTime: Infinity
+        staleTime: 2 * 3600 * 1000, // 2 hours
+        refetchInterval: 2 * 3600 * 1000, // 2 hours
     });
 
     return query;