Improve image editing, allow null times

web/app/routes/logbook.flights.$id/route.tsx

@@ -1,6 +1,5 @@
 import CollapsibleFieldset from "@/ui/display/collapsible-fieldset";
 import { VerticalLogItem } from "@/ui/display/log-item";
-import SecureImage from "@/ui/display/secure-img";
 import ErrorDisplay from "@/ui/error-display";
 import { useApi } from "@/util/api";
 import {
@@ -18,8 +17,7 @@ import {
   Modal,
   Button,
 } from "@mantine/core";
-import { Carousel } from "@mantine/carousel";
-import { randomId, useDisclosure } from "@mantine/hooks";
+import { useDisclosure } from "@mantine/hooks";
 import { useNavigate, useParams } from "@remix-run/react";
 import { IconPencil, IconTrash } from "@tabler/icons-react";
 import { useMutation, useQuery } from "@tanstack/react-query";
@@ -142,7 +140,7 @@ export default function Flight() {
                       <CollapsibleFieldset legend="Images" mt="sm" w="100%">
                         <ImageLogItem
                           imageIds={imageIds}
-                          id={params.id}
+                          id={params.id ?? ""}
                           mah="700px"
                         />
                       </CollapsibleFieldset>

web/app/routes/logbook.flights.new/route.tsx

@@ -23,19 +23,21 @@ export default function NewFlight() {
         const imageForm = new FormData();
 
         // Upload images
-        for (const img of values.images) {
-          imageForm.append("images", img);
-        }
+        if (values.images.length > 0) {
+          for (const img of values.images) {
+            imageForm.append("images", img);
+          }
 
-        const img_id = await client.post(
-          `/flights/${id}/add_images`,
-          imageForm,
-          { headers: { "Content-Type": "multipart/form-data" } }
-        );
+          const img_id = await client.post(
+            `/flights/${id}/add_images`,
+            imageForm,
+            { headers: { "Content-Type": "multipart/form-data" } }
+          );
 
-        if (!img_id) {
-          await queryClient.invalidateQueries({ queryKey: ["flights-list"] });
-          throw new Error("Image upload failed");
+          if (!img_id) {
+            await queryClient.invalidateQueries({ queryKey: ["flights-list"] });
+            throw new Error("Image upload failed");
+          }
         }
 
         return res.data;