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

Fix flight list ordering

Browse Source
This commit is contained in:
april 2024-01-05 13:36:39 -06:00
parent 918a705c4c
commit 40108d1070
1 changed files with 110 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/app/routes/logbook.flights/flights-list.tsx
View File

@ -27,7 +27,7 @@ function useFlights() {
const flights = useQuery({ const flights = useQuery({
queryKey: ["flights-list"], queryKey: ["flights-list"],
queryFn: async () => queryFn: async () =>
await client.get(`/flights/by-date`).then((res) => res.data), await client.get(`/flights/by-date?order=1`).then((res) => res.data),
}); });
return flights; return flights;
@ -62,7 +62,9 @@ function FlightsListDisplay({
return ( return (
<> <>
{flights.data ? ( {flights.data ? (
Object.entries(flights.data).map(([year, months]) => ( Object.entries(flights.data)
.reverse()
.map(([year, months]) => (
<> <>
<NavLink <NavLink
key={randomId()} key={randomId()}
@ -74,7 +76,9 @@ function FlightsListDisplay({
> >
<> <>
<Divider /> <Divider />
{Object.entries(months).map(([month, days]) => ( {Object.entries(months)
.reverse()
.map(([month, days]) => (
<NavLink <NavLink
key={randomId()} key={randomId()}
label={monthNames[Number(month) - 1]} label={monthNames[Number(month) - 1]}
@ -83,9 +87,13 @@ function FlightsListDisplay({
defaultOpened defaultOpened
> >
<Divider /> <Divider />
{Object.entries(days).map(([, logs]) => ( {Object.entries(days)
.reverse()
.map(([, logs]) => (
<> <>
{logs.map((flight: FlightConciseSchema) => ( {logs
.reverse()
.map((flight: FlightConciseSchema) => (
<> <>
<NavLink <NavLink
key={randomId()} key={randomId()}
@ -102,9 +110,9 @@ function FlightsListDisplay({
{flight.date} {flight.date}
</Badge> </Badge>
<Text fw={500}> <Text fw={500}>
{`${Number(flight.time_total).toFixed( {`${Number(
1 flight.time_total
)} hr`} ).toFixed(1)} hr`}
</Text> </Text>
{flight.waypoint_from || {flight.waypoint_from ||
flight.waypoint_to ? ( flight.waypoint_to ? (
@ -112,7 +120,9 @@ function FlightsListDisplay({
) : null} ) : null}
<Group gap="xs"> <Group gap="xs">
{flight.waypoint_from ? ( {flight.waypoint_from ? (
<Text>{flight.waypoint_from}</Text> <Text>
{flight.waypoint_from}
</Text>
) : ( ) : (
"" ""
)} )}
@ -139,7 +149,9 @@ function FlightsListDisplay({
flight.aircraft ? ( flight.aircraft ? (
<Badge <Badge
key={randomId()} key={randomId()}
leftSection={<IconPlaneTilt size="1rem" />} leftSection={
<IconPlaneTilt size="1rem" />
}
color="gray" color="gray"
size="lg" size="lg"
> >