From 887f83119f7afb0321f4564a84634e83d4c827c0 Mon Sep 17 00:00:00 2001
From: april <aprl.petersen@gmail.com>
Date: Thu, 4 Jan 2024 15:32:37 -0600
Subject: [PATCH] Improve flight list display

---
 web/app/routes/logbook.flights/flights-list.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/app/routes/logbook.flights/flights-list.tsx b/web/app/routes/logbook.flights/flights-list.tsx
index 79834b7..b681f66 100644
--- a/web/app/routes/logbook.flights/flights-list.tsx
+++ b/web/app/routes/logbook.flights/flights-list.tsx
@@ -9,6 +9,7 @@ import {
   Loader,
   Center,
   Divider,
+  Badge,
 } from "@mantine/core";
 import { Link, useLocation, useNavigate } from "@remix-run/react";
 import { IconPlus } from "@tabler/icons-react";
@@ -57,10 +58,21 @@ function FlightsListDisplay({
                 key={flight.id}
                 component={Link}
                 to={`/logbook/flights/${flight.id}`}
-                label={`${flight.waypoint_from ? flight.waypoint_from : ""} ${
+                label={`${
+                  !(flight.waypoint_from || flight.waypoint_to)
+                    ? "No Route"
+                    : ""
+                }${flight.waypoint_from ? flight.waypoint_from : ""} ${
                   flight.waypoint_to ? flight.waypoint_to : ""
                 }`}
                 description={`${flight.date}`}
+                rightSection={
+                  flight.aircraft ? (
+                    <Badge key={"aircraft" + index} color="gray">
+                      {flight.aircraft}
+                    </Badge>
+                  ) : null
+                }
                 active={page === flight.id}
               />
             ))}