Added Crew and General Aviation Filters

resources/js/Components/FlightsGoneBy/Charts/TopAirlinesChart.vue

@@ -43,19 +43,19 @@ const chartEvents = computed(() => ({
         @mousemove="onMouseMove"
         @mouseleave="onMouseLeave"
     >
-        <template #tooltip>
-            <ChartTooltip :visible="!!tooltipItem" :x="tooltipX" :y="tooltipY">
+        <template #tooltip="{ visible, x, y, index }">
+            <ChartTooltip :visible="visible" :x="x" :y="y">
                 <div class="ct-name">
-                    <img :src="`${page.logo_api_url}/airlines/logos/tail/id/${tooltipItem?.id}`" width="24" height="24"/>
-                    {{ tooltipItem?.name }}
+                    <img :src="`${page.logo_api_url}/airlines/logos/tail/id/${index !== null ? airlines[index].id : ''}`" width="24" height="24"/>
+                    {{ index !== null ? airlines[index].name : '' }}
                 </div>
                 <div class="ct-row">
                     <span class="ct-label">Flights</span>
-                    <span class="ct-val">{{ tooltipItem?.past }}</span>
+                    <span class="ct-val">{{ index !== null ? airlines[index].past : '' }}</span>
                 </div>
-                <div class="ct-row" v-if="tooltipItem?.upcoming">
+                <div v-if="index !== null && airlines[index].upcoming" class="ct-row">
                     <span class="ct-label">Upcoming</span>
-                    <span class="ct-val">{{ tooltipItem?.upcoming }}</span>
+                    <span class="ct-val">{{ airlines[index].upcoming }}</span>
                 </div>
             </ChartTooltip>
         </template>