Added Crew and General Aviation Filters

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

@@ -42,19 +42,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">
-                    <span :class="`fi fi-${tooltipItem?.code.toLowerCase()}`" />
-                    {{ tooltipItem?.name }}
+                    <span v-if="index !== null" :class="`fi fi-${countries[index].code.toLowerCase()}`" />
+                    {{ index !== null ? countries[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 ? countries[index].past : '' }}</span>
                 </div>
-                <div class="ct-row" v-if="tooltipItem?.upcoming">
+                <div v-if="index !== null && countries[index].upcoming" class="ct-row">
                     <span class="ct-label">Upcoming</span>
-                    <span class="ct-val">{{ tooltipItem?.upcoming }}</span>
+                    <span class="ct-val">{{ countries[index].upcoming }}</span>
                 </div>
             </ChartTooltip>
         </template>