wip

apps/website/app/leagues/page.tsx

@@ -3,18 +3,16 @@
 import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import LeagueCard from '@/components/leagues/LeagueCard';
-import CreateLeagueForm from '@/components/leagues/CreateLeagueForm';
 import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
 import Input from '@/components/ui/Input';
-import type { LeagueDTO } from '@gridpilot/racing/application/dto/LeagueDTO';
-import { getGetAllLeaguesWithCapacityQuery } from '@/lib/di-container';
+import type { LeagueSummaryDTO } from '@gridpilot/racing/application/dto/LeagueSummaryDTO';
+import { getGetAllLeaguesWithCapacityAndScoringQuery } from '@/lib/di-container';
 
 export default function LeaguesPage() {
   const router = useRouter();
-  const [leagues, setLeagues] = useState<LeagueDTO[]>([]);
+  const [leagues, setLeagues] = useState<LeagueSummaryDTO[]>([]);
   const [loading, setLoading] = useState(true);
-  const [showCreateForm, setShowCreateForm] = useState(false);
   const [searchQuery, setSearchQuery] = useState('');
   const [sortBy, setSortBy] = useState('name');
 
@@ -24,7 +22,7 @@ export default function LeaguesPage() {
 
   const loadLeagues = async () => {
     try {
-      const query = getGetAllLeaguesWithCapacityQuery();
+      const query = getGetAllLeaguesWithCapacityAndScoringQuery();
       const allLeagues = await query.execute();
       setLeagues(allLeagues);
     } catch (error) {
@@ -78,24 +76,12 @@ export default function LeaguesPage() {
           
           <Button
             variant="primary"
-            onClick={() => setShowCreateForm(!showCreateForm)}
+            onClick={() => router.push('/leagues/create')}
           >
-            {showCreateForm ? 'Cancel' : 'Create League'}
+            Create League
           </Button>
         </div>
 
-        {showCreateForm && (
-          <Card className="mb-8 max-w-2xl mx-auto">
-            <div className="mb-6">
-              <h2 className="text-xl font-semibold text-white mb-2">Create New League</h2>
-              <p className="text-gray-400 text-sm">
-                Experiment with different point systems
-              </p>
-            </div>
-            <CreateLeagueForm />
-          </Card>
-        )}
-
         {leagues.length > 0 && (
           <Card className="mb-8">
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">