Added achievement data

resources/js/Components/FlightsGoneBy/ProfileHeader.vue

@@ -5,7 +5,8 @@ import type { Flight, User, SharedProps } from "@/Types/types";
 
 const props = defineProps<{
     user: User
-    flights: Flight[]
+    flightCount?: number
+    achievementCount?: number
     isFollowing?: boolean
 }>()
 
@@ -55,8 +56,8 @@ const follow = async () => {
         </div>
 
         <div class="board-count">
-            <span class="count-number">{{ flights.length }}</span>
-            <span class="count-label">FLIGHTS</span>
+            <span class="count-number">{{ flightCount ?? achievementCount }}</span>
+            <span class="count-label">{{flightCount ? 'Flights' : 'Achievements'}}</span>
         </div>
     </div>
 
@@ -149,5 +150,6 @@ const follow = async () => {
     font-size: 0.65rem;
     letter-spacing: 0.18em;
     color: #556;
+    text-transform: uppercase;
 }
 </style>