Added Notifications

resources/js/Components/FlightsGoneBy/DepartureBoard.vue

@@ -2,7 +2,7 @@
 
 import FlightClassBadge from "@/Components/FlightsGoneBy/FlightClassBadge.vue";
 import AirlineLogo from "@/Components/FlightsGoneBy/AirlineLogo.vue";
-import {Flight, User} from "@/Types/types";
+import {Flight, SharedProps, User} from "@/Types/types";
 import { computed, ref, watch, nextTick } from "vue";
 import type { DataTableSortItem } from 'vuetify';
 import InlineBadge from "@/Components/FlightsGoneBy/InlineBadge.vue";
@@ -12,6 +12,7 @@ import {FlightStats} from "@/Composables/useFlightStats";
 import CrewTooltip from "@/Components/FlightsGoneBy/CrewTooltip.vue";
 import Distance from "@/Components/Distance.vue";
 import UserFlightContextMenu from "@/Components/FlightsGoneBy/UserFlightContextMenu.vue";
+import {usePage} from "@inertiajs/vue3";
 
 const props = defineProps<{
     flightStats: FlightStats
@@ -64,6 +65,7 @@ const customKeySort = {
     },
 }
 
+const page = usePage<SharedProps>()
 
 const sortBy = ref<DataTableSortItem[]>([])
 const currentPage = ref(1)
@@ -226,7 +228,7 @@ watch(
 
                     <td class="v-data-table__td">
                     <span class="mono-tag distance-cell">
-                        <Distance :value="Math.round((item as Flight).distance)" />
+                        <Distance :unit="page.props.auth.user?.distance_unit" :value="Math.round((item as Flight).distance)" />
                     </span>
                     </td>