Updated logo API

resources/js/Components/FlightsGoneBy/DepartureBoard.vue

@@ -18,6 +18,10 @@ const props = defineProps<{
     flightId?: number | null
 }>()
 
+function editRoute(id: number) {
+    return route('flights.edit', { flight: id })
+}
+
 const ITEMS_PER_PAGE = 25
 
 const headers = [
@@ -70,6 +74,7 @@ const isSorting = computed(() => sortBy.value.length > 0)
 
 const upcomingFlights = computed(() =>
     props.flightStats.upcomingFlights.value
+        .sort((a, b) => new Date(a.departure_date).getTime() -  new Date(b.departure_date).getTime())
 )
 
 const departedFlights = computed(() =>
@@ -259,7 +264,7 @@ watch(
                                     <v-list-item
                                         prepend-icon="mdi-pencil-outline"
                                         title="Edit"
-                                        :href="route('flights.edit', { flight: (item as Flight).id })"
+                                        :href="editRoute((item as Flight).id)"
                                     />
                                 </v-list>
                             </v-menu>
@@ -499,6 +504,7 @@ watch(
 .class-cell {
     display: flex;
     align-items: center;
+    vertical-align: middle;
     gap: 0.5rem;
 }