wip

apps/website/app/leagues/[id]/layout.tsx

@@ -4,11 +4,25 @@ import React, { useState, useEffect } from 'react';
 import { useParams, usePathname, useRouter } from 'next/navigation';
 import Breadcrumbs from '@/components/layout/Breadcrumbs';
 import LeagueHeader from '@/components/leagues/LeagueHeader';
-import { getLeagueRepository, getDriverRepository, getLeagueMembershipRepository } from '@/lib/di-container';
+import {
+  getLeagueRepository,
+  getDriverRepository,
+  getLeagueMembershipRepository,
+  getSeasonRepository,
+  getSponsorRepository,
+  getSeasonSponsorshipRepository,
+} from '@/lib/di-container';
 import { useEffectiveDriverId } from '@/lib/currentDriver';
 import { isLeagueAdminOrHigherRole } from '@/lib/leagueRoles';
 import type { League } from '@gridpilot/racing/domain/entities/League';
 
+// Main sponsor info for "by XYZ" display
+interface MainSponsorInfo {
+  name: string;
+  logoUrl?: string;
+  websiteUrl?: string;
+}
+
 export default function LeagueLayout({
   children,
 }: {
@@ -22,6 +36,7 @@ export default function LeagueLayout({
   
   const [league, setLeague] = useState<League | null>(null);
   const [ownerName, setOwnerName] = useState<string>('');
+  const [mainSponsor, setMainSponsor] = useState<MainSponsorInfo | null>(null);
   const [isAdmin, setIsAdmin] = useState(false);
   const [loading, setLoading] = useState(true);
 
@@ -31,6 +46,9 @@ export default function LeagueLayout({
         const leagueRepo = getLeagueRepository();
         const driverRepo = getDriverRepository();
         const membershipRepo = getLeagueMembershipRepository();
+        const seasonRepo = getSeasonRepository();
+        const sponsorRepo = getSponsorRepository();
+        const sponsorshipRepo = getSeasonSponsorshipRepository();
         
         const leagueData = await leagueRepo.findById(leagueId);
         
@@ -47,6 +65,30 @@ export default function LeagueLayout({
         // Check if current user is admin
         const membership = await membershipRepo.getMembership(leagueId, currentDriverId);
         setIsAdmin(membership ? isLeagueAdminOrHigherRole(membership.role) : false);
+
+        // Load main sponsor for "by XYZ" display
+        try {
+          const seasons = await seasonRepo.findByLeagueId(leagueId);
+          const activeSeason = seasons.find((s: { status: string }) => s.status === 'active') ?? seasons[0];
+          
+          if (activeSeason) {
+            const sponsorships = await sponsorshipRepo.findBySeasonId(activeSeason.id);
+            const mainSponsorship = sponsorships.find(s => s.tier === 'main' && s.status === 'active');
+            
+            if (mainSponsorship) {
+              const sponsor = await sponsorRepo.findById(mainSponsorship.sponsorId);
+              if (sponsor) {
+                setMainSponsor({
+                  name: sponsor.name,
+                  logoUrl: sponsor.logoUrl,
+                  websiteUrl: sponsor.websiteUrl,
+                });
+              }
+            }
+          }
+        } catch (sponsorError) {
+          console.warn('Failed to load main sponsor:', sponsorError);
+        }
       } catch (error) {
         console.error('Failed to load league:', error);
       } finally {
@@ -86,7 +128,9 @@ export default function LeagueLayout({
   ];
 
   const adminTabs = [
+    { label: 'Sponsorships', href: `/leagues/${leagueId}/sponsorships`, exact: false },
     { label: 'Stewarding', href: `/leagues/${leagueId}/stewarding`, exact: false },
+    { label: 'Wallet', href: `/leagues/${leagueId}/wallet`, exact: false },
     { label: 'Settings', href: `/leagues/${leagueId}/settings`, exact: false },
   ];
 
@@ -114,6 +158,7 @@ export default function LeagueLayout({
           description={league.description}
           ownerId={league.ownerId}
           ownerName={ownerName}
+          mainSponsor={mainSponsor}
         />
 
         {/* Tab Navigation */}