Updated logo API

2026-04-25 22:57:18 +10:00
parent 678096b463
commit de183995b6
26 changed files with 1088 additions and 64 deletions
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import {Flight, UserActionFlightCancelledData} from "@/Types/types";
+import AirportToolTip from "@/Components/FlightsGoneBy/AirportToolTip.vue";
+import AirlineLogo from "@/Components/FlightsGoneBy/AirlineLogo.vue";
+import FlightClassBadge from "@/Components/FlightsGoneBy/FlightClassBadge.vue";
+import AircraftToolTip from "@/Components/FlightsGoneBy/AircraftToolTip.vue";
+import BoardingPass from "@/Components/FlightsGoneBy/BoardingPass.vue";
+
+const props = defineProps<{
+    data: UserActionFlightCancelledData
+}>()
+
+</script>
+
+<template>
+    <div class="flight-booked">
+        <div class="cancelled-flight">
+                <span v-if="data.flight.flight_number" class="flight-summary">
+                    <AirlineLogo :airline="data.flight.airline" />
+                    <span>Flight <strong>{{ data.flight.flight_number }}</strong> on {{ data.flight.departure_date_display }} at {{ data.flight.departure_time_display }}</span>
+                </span>
+                    <span v-else class="flight-summary">
+                    <AirlineLogo :airline="data.flight.airline" />
+                    <span>Flight from {{ data.flight.departure_airport.municipality }} ({{ data.flight.departure_airport.display_code }}) → {{ data.flight.arrival_airport.municipality }} ({{ data.flight.arrival_airport.display_code }}) on {{ data.flight.departure_date_display }} at {{ data.flight.departure_time_display }}</span>
+                </span>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+
+.cancelled-flight {
+    padding: 0.75rem 1.25rem;
+    text-decoration: line-through;
+}
+
+.flight-summary {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.875rem;
+    color: #9ca3af;
+}
+
+.flight-summary strong {
+    color: #f9fafb;
+    font-weight: 600;
+}
+</style>