wip

apps/website/app/teams/page.tsx

@@ -29,6 +29,7 @@ import Input from '@/components/ui/Input';
 import Heading from '@/components/ui/Heading';
 import CreateTeamForm from '@/components/teams/CreateTeamForm';
 import { getGetTeamsLeaderboardUseCase } from '@/lib/di-container';
+import { TeamsLeaderboardPresenter } from '@/lib/presenters/TeamsLeaderboardPresenter';
 import type { TeamLeaderboardItemViewModel, SkillLevel } from '@gridpilot/racing/application/presenters/ITeamsLeaderboardPresenter';
 
 // ============================================================================
@@ -204,7 +205,7 @@ function SkillLevelSection({ level, teams, onTeamClick, defaultExpanded = false
             key={team.id}
             id={team.id}
             name={team.name}
-            description={team.description}
+            description={team.description ?? ''}
             memberCount={team.memberCount}
             rating={team.rating}
             totalWins={team.totalWins}
@@ -212,7 +213,7 @@ function SkillLevelSection({ level, teams, onTeamClick, defaultExpanded = false
             performanceLevel={team.performanceLevel}
             isRecruiting={team.isRecruiting}
             specialization={team.specialization}
-            region={team.region}
+            region={team.region ?? ''}
             languages={team.languages}
             onClick={() => onTeamClick(team.id)}
           />
@@ -449,11 +450,16 @@ export default function TeamsPage() {
   const loadTeams = async () => {
     try {
       const useCase = getGetTeamsLeaderboardUseCase();
-      await useCase.execute();
-      const viewModel = useCase.presenter.getViewModel();
-      setRealTeams(viewModel.teams);
-      setGroupsBySkillLevel(viewModel.groupsBySkillLevel);
-      setTopTeams(viewModel.topTeams);
+      const presenter = new TeamsLeaderboardPresenter();
+
+      await useCase.execute(undefined as void, presenter);
+
+      const viewModel = presenter.getViewModel();
+      if (viewModel) {
+        setRealTeams(viewModel.teams);
+        setGroupsBySkillLevel(viewModel.groupsBySkillLevel);
+        setTopTeams(viewModel.topTeams);
+      }
     } catch (error) {
       console.error('Failed to load teams:', error);
     } finally {