Fixed Bug With Shared Flights

resources/js/Components/FlightsGoneBy/DepartureBoardTableRow.vue

@@ -12,6 +12,7 @@ import { usePage } from "@inertiajs/vue3";
 import { User } from "@/Types/types";
 import Mono from "@/Components/FlightsGoneBy/Mono.vue";
 import DayDifference from "@/Components/FlightsGoneBy/DayDifference.vue";
+import Time from "@/Components/FlightsGoneBy/Time.vue";
 
 const props = defineProps<{
     flight: Flight
@@ -98,12 +99,12 @@ const showColumn = (column: string) => props.columnsToShow.includes(column)
 
         <td v-if="showColumn('departure_time')" class="v-data-table__td">
             <span class="time-cell">
-                <Mono small>{{ flight.departure_time_display }}</Mono>
+                <Mono small><Time :value="flight.departure_time_display" /></Mono>
             </span>
         </td>
 
         <td v-if="showColumn('arrival_time')" class="v-data-table__td arrival-time-cell">
-            <Mono small>{{ flight.arrival_time_display }}</Mono>
+            <Mono small><Time :value="flight.arrival_time_display" /></Mono>
             <DayDifference :value="flight.arrival_day_difference" />
         </td>