wip

apps/website/app/leagues/page.tsx

@@ -30,7 +30,8 @@ import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
 import Input from '@/components/ui/Input';
 import Heading from '@/components/ui/Heading';
-import type { LeagueSummaryDTO } from '@gridpilot/racing/application/dto/LeagueSummaryDTO';
+import type { LeagueSummaryViewModel } from '@gridpilot/racing/application/presenters/IAllLeaguesWithCapacityAndScoringPresenter';
+import { AllLeaguesWithCapacityAndScoringPresenter } from '@/lib/presenters/AllLeaguesWithCapacityAndScoringPresenter';
 import { getGetAllLeaguesWithCapacityAndScoringUseCase } from '@/lib/di-container';
 
 // ============================================================================
@@ -57,7 +58,7 @@ interface Category {
   label: string;
   icon: React.ElementType;
   description: string;
-  filter: (league: LeagueSummaryDTO) => boolean;
+  filter: (league: LeagueSummaryViewModel) => boolean;
   color?: string;
 }
 
@@ -175,7 +176,7 @@ interface LeagueSliderProps {
   title: string;
   icon: React.ElementType;
   description: string;
-  leagues: LeagueSummaryDTO[];
+  leagues: LeagueSummaryViewModel[];
   onLeagueClick: (id: string) => void;
   autoScroll?: boolean;
   iconColor?: string;
@@ -377,25 +378,23 @@ function LeagueSlider({
 
 export default function LeaguesPage() {
   const router = useRouter();
-  const [realLeagues, setRealLeagues] = useState<LeagueSummaryDTO[]>([]);
+  const [realLeagues, setRealLeagues] = useState<LeagueSummaryViewModel[]>([]);
   const [loading, setLoading] = useState(true);
   const [searchQuery, setSearchQuery] = useState('');
   const [activeCategory, setActiveCategory] = useState<CategoryId>('all');
   const [showFilters, setShowFilters] = useState(false);
 
   useEffect(() => {
-    loadLeagues();
+    void loadLeagues();
   }, []);
 
   const loadLeagues = async () => {
     try {
       const useCase = getGetAllLeaguesWithCapacityAndScoringUseCase();
-      await useCase.execute();
-      const presenter = useCase.presenter as unknown as {
-        getViewModel(): { leagues: LeagueSummaryDTO[] };
-      };
+      const presenter = new AllLeaguesWithCapacityAndScoringPresenter();
+      await useCase.execute(undefined as void, presenter);
       const viewModel = presenter.getViewModel();
-      setRealLeagues(viewModel.leagues);
+      setRealLeagues(viewModel?.leagues ?? []);
     } catch (error) {
       console.error('Failed to load leagues:', error);
     } finally {
@@ -434,7 +433,7 @@ export default function LeaguesPage() {
       acc[category.id] = searchFilteredLeagues.filter(category.filter);
       return acc;
     },
-    {} as Record<CategoryId, LeagueSummaryDTO[]>,
+    {} as Record<CategoryId, LeagueSummaryViewModel[]>,
   );
 
   // Featured categories to show as sliders with different scroll speeds and alternating directions