Added achievement data

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

@@ -11,6 +11,7 @@ import {computed} from "vue";
 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";
 
 const props = defineProps<{
     action: UserAction
@@ -30,6 +31,7 @@ const badgeVariant = computed(() => {
     switch (props.action.type) {
         case 'flight_booked': return 'generic'
         case 'flight_logged': return 'generic'
+        case 'flight_imported': return 'economy'
         case 'flight_updated': return 'economy'
         case 'flight_cancelled': return 'crew'
         default: return 'economy'
@@ -69,6 +71,7 @@ function timeAgo(dateStr: string): string {
         </div>
         <div class="card-content">
             <FlightBookedFeedItem v-if="action.type == 'flight_booked' || action.type == 'flight_logged'" :flight="(action.data as UserActionFlightBookedData).flight" ></FlightBookedFeedItem>
+            <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>
         </div>