Session api token validation

resources/js/Pages/UserFlight.vue

@@ -2,7 +2,7 @@
 import MainLayout from "@/Layouts/MainLayout.vue";
 import {Head, Link} from "@inertiajs/vue3";
 import ProfileLayout from "@/Components/FlightsGoneBy/ProfileLayout.vue";
-import {Achievement, Flight, User, UserAchievement} from "@/Types/types";
+import {Flight, User} from "@/Types/types";
 import BoardingPass from "@/Components/FlightsGoneBy/BoardingPasses/BoardingPass.vue";
 import Panel from "@/Components/FlightsGoneBy/Panels/Panel.vue";
 import AirportPanel from "@/Components/FlightsGoneBy/Panels/AirportPanel.vue";
@@ -11,6 +11,7 @@ import AircraftPanel from "@/Components/FlightsGoneBy/Panels/AircraftPanel.vue";
 import RoutePanel from "@/Components/FlightsGoneBy/Panels/RoutePanel.vue";
 import DetailRows from "@/Components/FlightsGoneBy/Panels/DetailRows.vue";
 import ButtonLink from "@/Components/FlightsGoneBy/ButtonLink.vue";
+import PanelLabel from "@/Components/FlightsGoneBy/Panels/PanelLabel.vue";
 
 defineOptions({ layout: MainLayout })
 
@@ -21,6 +22,7 @@ const props = defineProps<{
     followStatus: string
     canEdit: boolean
     canView: boolean
+    otherUsersOnFlight: string[]
 }>()
 </script>
 
@@ -42,7 +44,21 @@ const props = defineProps<{
                 <RoutePanel :flight="flight" />
                 <Panel label="Flight Details">
                     <BoardingPass :user="user" :showToolTips="false" style="width:100%;max-width:600px; margin:0 auto" :flight="flight" :canEdit="canEdit" />
-                    <DetailRows/>
+                    <DetailRows>
+                        <PanelLabel>Other Users On This Flight</PanelLabel>
+                        <div class="d-flex flex-wrap ga-2">
+                            <v-chip
+                                v-for="userName in otherUsersOnFlight"
+                                :key="userName"
+                                :href="route('profile.view', userName)"
+                                color="primary"
+                                variant="tonal"
+                                link
+                            >
+                                {{ userName }}
+                            </v-chip>
+                        </div>
+                    </DetailRows>
                 </Panel>
                 <AircraftPanel :flight="flight"/>
                 <AirportPanel :airport="flight.departure_airport" label="Departure" />