wip

apps/website/components/drivers/DriverProfile.tsx

@@ -8,7 +8,7 @@ import CareerHighlights from './CareerHighlights';
 import DriverRankings from './DriverRankings';
 import PerformanceMetrics from './PerformanceMetrics';
 import { useEffect, useState } from 'react';
-import { getDriverStats, getLeagueRankings, getGetDriverTeamUseCase, getAllDriverRankings } from '@/lib/di-container';
+import { getLeagueRankings, getGetDriverTeamUseCase, getGetProfileOverviewUseCase } from '@/lib/di-container';
 import { getPrimaryLeagueIdForDriver } from '@/lib/leagueMembership';
 import type { GetDriverTeamQueryResultDTO } from '@gridpilot/racing/application/dto/TeamCommandAndQueryDTO';
 
@@ -19,24 +19,34 @@ interface DriverProfileProps {
 }
  
 export default function DriverProfile({ driver, isOwnProfile = false, onEditClick }: DriverProfileProps) {
-  const driverStats = getDriverStats(driver.id);
-  const primaryLeagueId = getPrimaryLeagueIdForDriver(driver.id);
-  const leagueRank = primaryLeagueId
-    ? getLeagueRankings(driver.id, primaryLeagueId)
-    : { rank: 0, totalDrivers: 0, percentile: 0 };
-  const allRankings = getAllDriverRankings();
+  const [profileData, setProfileData] = useState<any>(null);
   const [teamData, setTeamData] = useState<GetDriverTeamQueryResultDTO | null>(null);
 
   useEffect(() => {
     const load = async () => {
-      const useCase = getGetDriverTeamUseCase();
-      await useCase.execute({ driverId: driver.id });
-      const viewModel = useCase.presenter.getViewModel();
-      setTeamData(viewModel.result);
+      // Load profile data using GetProfileOverviewUseCase
+      const profileUseCase = getGetProfileOverviewUseCase();
+      await profileUseCase.execute({ driverId: driver.id });
+      const profileViewModel = profileUseCase.presenter.getViewModel();
+      setProfileData(profileViewModel);
+
+      // Load team data
+      const teamUseCase = getGetDriverTeamUseCase();
+      await teamUseCase.execute({ driverId: driver.id });
+      const teamViewModel = teamUseCase.presenter.getViewModel();
+      setTeamData(teamViewModel.result);
     };
     void load();
   }, [driver.id]);
 
+  const driverStats = profileData?.stats || null;
+  const primaryLeagueId = getPrimaryLeagueIdForDriver(driver.id);
+  const leagueRank = primaryLeagueId
+    ? getLeagueRankings(driver.id, primaryLeagueId)
+    : { rank: 0, totalDrivers: 0, percentile: 0 };
+  const globalRank = profileData?.currentDriver?.globalRank || null;
+  const totalDrivers = profileData?.currentDriver?.totalDrivers || 0;
+
   const performanceStats = driverStats ? {
     winRate: (driverStats.wins / driverStats.totalRaces) * 100,
     podiumRate: (driverStats.podiums / driverStats.totalRaces) * 100,
@@ -51,8 +61,8 @@ export default function DriverProfile({ driver, isOwnProfile = false, onEditClic
     {
       type: 'overall' as const,
       name: 'Overall Ranking',
-      rank: driverStats.overallRank,
-      totalDrivers: allRankings.length,
+      rank: globalRank || driverStats.overallRank || 0,
+      totalDrivers: totalDrivers,
       percentile: driverStats.percentile,
       rating: driverStats.rating,
     },

apps/website/components/drivers/ProfileStats.tsx

@@ -2,7 +2,8 @@
 
 import Card from '../ui/Card';
 import RankBadge from './RankBadge';
-import { getDriverStats, getAllDriverRankings, getLeagueRankings } from '@/lib/di-container';
+import { getLeagueRankings, getGetProfileOverviewUseCase } from '@/lib/di-container';
+import { useState, useEffect } from 'react';
 import { getPrimaryLeagueIdForDriver } from '@/lib/leagueMembership';
 
 interface ProfileStatsProps {
@@ -18,8 +19,22 @@ interface ProfileStatsProps {
 }
 
 export default function ProfileStats({ driverId, stats }: ProfileStatsProps) {
-  const driverStats = driverId ? getDriverStats(driverId) : null;
-  const allRankings = getAllDriverRankings();
+  const [profileData, setProfileData] = useState<any>(null);
+  
+  useEffect(() => {
+    if (driverId) {
+      const load = async () => {
+        const profileUseCase = getGetProfileOverviewUseCase();
+        await profileUseCase.execute({ driverId });
+        const vm = profileUseCase.presenter.getViewModel();
+        setProfileData(vm);
+      };
+      void load();
+    }
+  }, [driverId]);
+
+  const driverStats = profileData?.stats || null;
+  const totalDrivers = profileData?.currentDriver?.totalDrivers || 0;
   const primaryLeagueId = driverId ? getPrimaryLeagueIdForDriver(driverId) : null;
   const leagueRank =
     driverId && primaryLeagueId ? getLeagueRankings(driverId, primaryLeagueId) : null;
@@ -80,7 +95,7 @@ export default function ProfileStats({ driverId, stats }: ProfileStatsProps) {
                   <div>
                     <div className="text-white font-medium text-lg">Overall Ranking</div>
                     <div className="text-sm text-gray-400">
-                      {driverStats.overallRank} of {allRankings.length} drivers
+                      {driverStats.overallRank} of {totalDrivers} drivers
                     </div>
                   </div>
                 </div>