From 1821b9952410fbba6f9b406a82ee65bd27c8a569 Mon Sep 17 00:00:00 2001
From: josh <josh.dredge@outlook.com>
Date: Sun, 26 Apr 2026 12:45:01 +1000
Subject: [PATCH] Updated logo API

---
 .../FlightsGoneBy/BoardingPasses.vue          | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/resources/js/Components/FlightsGoneBy/BoardingPasses.vue b/resources/js/Components/FlightsGoneBy/BoardingPasses.vue
index 2c9835d..936c211 100644
--- a/resources/js/Components/FlightsGoneBy/BoardingPasses.vue
+++ b/resources/js/Components/FlightsGoneBy/BoardingPasses.vue
@@ -44,9 +44,18 @@ function isUpcoming(flight: Flight): boolean {
                     </div>
                 </template>
 
+                <template v-else>
+                    <div class="section-header departed">
+                        <span class="section-icon">◉</span>
+                        <span class="section-label">DEPARTED FLIGHTS</span>
+                        <span class="section-count">{{ departedFlights.length }} logged</span>
+                        <div class="section-line" />
+                    </div>
+                </template>
+
                 <div class="passes-grid">
                     <template v-for="{ raw: flight } in items" :key="flight.id">
-                        <template v-if="isFirstDeparted(flight, items.map(i => i.raw))">
+                        <template v-if="isFirstDeparted(flight, items.map(i => i.raw)) && items.some(i => isUpcoming(i.raw))">
                             <div class="section-header departed grid-span-full">
                                 <span class="section-icon">◉</span>
                                 <span class="section-label">DEPARTED FLIGHTS</span>
@@ -58,15 +67,6 @@ function isUpcoming(flight: Flight): boolean {
                         <BoardingPass :flight="flight" />
                     </template>
                 </div>
-
-                <template v-if="!items.some(i => isUpcoming(i.raw)) && items[0]?.raw === departedFlights[0]">
-                    <div class="section-header departed departed-only">
-                        <span class="section-icon">◉</span>
-                        <span class="section-label">DEPARTED FLIGHTS</span>
-                        <span class="section-count">{{ departedFlights.length }} logged</span>
-                        <div class="section-line" />
-                    </div>
-                </template>
             </div>
         </template>
 
@@ -88,10 +88,6 @@ function isUpcoming(flight: Flight): boolean {
     flex-direction: column;
 }
 
-.departed-only {
-    order: -1;
-}
-
 .section-header {
     display: flex;
     align-items: center;