Added Notifications

resources/js/Components/FlightsGoneBy/BoardingPass.vue

@@ -1,13 +1,16 @@
 <script setup lang="ts">
-import { Flight } from "@/Types/types";
+import {Flight, User} from "@/Types/types";
 import AirlineLogo from "@/Components/FlightsGoneBy/AirlineLogo.vue";
 import AirportToolTip from "@/Components/FlightsGoneBy/AirportToolTip.vue";
 import AircraftToolTip from "@/Components/FlightsGoneBy/AircraftToolTip.vue";
 import Distance from "@/Components/Distance.vue";
+import UserFlightContextMenu from "@/Components/FlightsGoneBy/UserFlightContextMenu.vue";
 
 defineProps<{
     flight: Flight
     showTooltips?: boolean
+    canEdit?: boolean
+    user?: User
 }>()
 
 
@@ -19,6 +22,8 @@ defineProps<{
             <span v-if="flight.flight_class?.name !== 'Unspecified'" class="pass-header-class">
                 {{ flight.flight_class?.name }}
             </span>
+            <span v-else></span>
+            <UserFlightContextMenu v-if="user" :profile-user="user" :flight="flight" :can-edit="canEdit ?? false" referrer="boarding-passes"/>
         </div>
 
         <div class="pass-body">
@@ -159,7 +164,7 @@ defineProps<{
 .pass-header {
     display: flex;
     align-items: center;
-    justify-content: flex-end;
+    justify-content: space-between; /* was flex-end */
     padding: 0.5rem 0.85rem;
     min-height: 2rem;
     border-bottom: 1px solid rgba(255,255,255,0.06);