Handle totals with no flights

web/app/routes/logbook.flights/flights-list.tsx

@@ -1,3 +1,4 @@
+import ErrorDisplay from "@/ui/error-display";
 import { useApi } from "@/util/api";
 import { FlightConciseSchema } from "@/util/types";
 import {
@@ -18,6 +19,7 @@ import {
   IconArrowRightTail,
   IconPlaneTilt,
   IconPlus,
+  IconX,
 } from "@tabler/icons-react";
 import { UseQueryResult, useQuery } from "@tanstack/react-query";
 
@@ -62,6 +64,14 @@ function FlightsListDisplay({
   return (
     <>
       {flights.data ? (
+        Object.entries(flights.data)?.length === 0 ? (
+          <Center h="calc(100vh - 95px - 50px)">
+            <Stack align="center">
+              <IconX size="3rem" />
+              <Center>No flights</Center>
+            </Stack>
+          </Center>
+        ) : (
           Object.entries(flights.data)
             .reverse()
             .map(([year, months]) => (
@@ -176,10 +186,13 @@ function FlightsListDisplay({
                 </NavLink>
               </>
             ))
+        )
       ) : flights.isLoading ? (
         <Center h="calc(100vh - 95px - 50px)">
           <Loader />
         </Center>
+      ) : flights.isError ? (
+        <ErrorDisplay error={flights.error?.message} />
       ) : (
         <Center h="calc(100vh - 95px - 50px)">
           <Text p="sm">No Flights</Text>

web/app/routes/logbook/route.tsx

@@ -45,8 +45,11 @@ export default function Index() {
             staleTime: 1000,
             retry: (failureCount, error: Error) => {
               return (
-                !error ||
-                (error instanceof AxiosError && error.response?.status !== 401)
+                failureCount < 5 &&
+                (!error ||
+                  (error instanceof AxiosError &&
+                    error.response?.status !== 401 &&
+                    error.response?.status !== 404))
               );
             },
           },