azpsen/tailfin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reload flight list when new flight is added

Browse Source
This commit is contained in:
april 2024-01-03 15:40:18 -06:00
parent a52eab9105
commit c857a18619
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/root.tsx
View File

@ -45,7 +45,7 @@ export const links: LinksFunction = () => [
},
{
rel: "icon",
href: "/favicon/favicon-16x1166.png",
href: "/favicon/favicon-16x16.png",
type: "image/png",
sizes: "16x16",
},

10
web/app/routes/logbook.flights.new/route.tsx
View File

@ -21,7 +21,7 @@ import { FlightFormSchema, flightCreateHelper } from "@/util/types";
import { HourInput, ZeroHourInput } from "@/ui/form/hour-input";
import { ZeroIntInput } from "@/ui/form/int-input";
import ListInput from "@/ui/form/list-input";
import { useMutation } from "@tanstack/react-query";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { client } from "@/util/api";
import { useNavigate } from "@remix-run/react";
@ -77,16 +77,22 @@ export default function NewFlight() {
});
const navigate = useNavigate();
const queryClient = useQueryClient();
const createFlight = useMutation({
mutationFn: async (values: FlightFormSchema) => {
const newFlight = flightCreateHelper(values);
const res = await client.post("/flights", newFlight);
navigate(`/logbook/flights/${res.data.id}`);
console.log(res);
return res.data;
},
onError: (error) => {
console.log(error);
},
onSuccess: async (data: { id: string }) => {
await queryClient.invalidateQueries({ queryKey: ["flights-list"] });
navigate(`/logbook/flights/${data.id}`);
},
});
return (