Added Notifications

resources/js/Components/FlightsGoneBy/Feed/FlightMovedFeedItem.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import {Flight} from "@/Types/types";
+import BoardingPass from "@/Components/FlightsGoneBy/BoardingPass.vue";
+import FlightBadge from "@/Components/FlightsGoneBy/FlightBadge.vue";
+import {computed} from "vue";
+
+const props = defineProps<{
+    flight: Flight
+    action: 'flight_departing' | 'flight_arriving'
+}>()
+
+const actionText = computed(() => props.action === 'flight_departing' ? 'departed' : 'landed')
+
+</script>
+
+<template>
+    <div class="flight-booked">
+        Flight <FlightBadge :flight="flight" /> from {{flight.departure_airport.municipality}} to {{flight.arrival_airport.municipality}} has {{actionText}}.
+    </div>
+</template>
+
+<style scoped>
+</style>