<script setup lang="ts">
import {Flight, UserActionChange} from "@/Types/types";
import AirportToolTip from "@/Components/FlightsGoneBy/AirportToolTip.vue";
import {computed} from "vue";
import GenericFieldChange from "@/Components/FlightsGoneBy/Feed/FieldChanges/GenericFieldChange.vue";
import AirlineLogo from "@/Components/FlightsGoneBy/AirlineLogo.vue";
import AircraftToolTip from "@/Components/FlightsGoneBy/AircraftToolTip.vue";

const props = defineProps<{
    original: Flight
    updated: Flight
}>()

</script>

<template>
    <GenericFieldChange label="Aircraft">
        <template #from>
            <AircraftToolTip v-if="original.aircraft" :aircraft="original.aircraft">
                {{ original.aircraft.display_name}}
            </AircraftToolTip>
            <span v-else>None</span>
        </template>
        <template #to>
            <AircraftToolTip v-if="updated.aircraft" :aircraft="updated.aircraft">
                {{ updated.aircraft.display_name}}
            </AircraftToolTip>
            <span v-else>None</span>
        </template>
    </GenericFieldChange>
</template>
<style scoped>

</style>
