Added Notifications

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

@@ -12,6 +12,7 @@ import {Link} from "@inertiajs/vue3";
 import FlightUpdatedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightUpdatedFeedItem.vue";
 import FlightCancelledFeedItem from "@/Components/FlightsGoneBy/Feed/FlightCancelledFeedItem.vue";
 import FlightImportedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightImportedFeedItem.vue";
+import FlightMovedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightMovedFeedItem.vue";
 
 const props = defineProps<{
     action: UserAction
@@ -31,6 +32,8 @@ const badgeVariant = computed(() => {
     switch (props.action.type) {
         case 'flight_booked': return 'generic'
         case 'flight_logged': return 'generic'
+        case 'flight_departing': return 'generic'
+        case 'flight_arriving': return 'generic'
         case 'flight_imported': return 'economy'
         case 'flight_updated': return 'economy'
         case 'flight_cancelled': return 'crew'
@@ -74,6 +77,7 @@ function timeAgo(dateStr: string): string {
             <FlightImportedFeedItem v-if="action.type == 'flight_imported'" :flight="(action.data as UserActionFlightBookedData).flight" ></FlightImportedFeedItem>
             <FlightUpdatedFeedItem v-if="action.type == 'flight_updated'" :data="(action.data as UserActionFlightUpdatedData)" ></FlightUpdatedFeedItem>
             <FlightCancelledFeedItem v-if="action.type == 'flight_cancelled'" :data="(action.data as UserActionFlightCancelledData)"  flight=""></FlightCancelledFeedItem>
+            <FlightMovedFeedItem v-if="action.type == 'flight_departing' || action.type== 'flight_arriving'" :flight="(action.data as UserActionFlightBookedData).flight" ></FlightMovedFeedItem>/
         </div>
         <div class="card-actions">
             <Link v-if="flight" :href="`/u/${action.user?.name}/departure-board/${flight?.id}`" class="view-flight-link">