wip

apps/website/components/leagues/LeagueAdmin.tsx

@@ -226,7 +226,7 @@ export default function LeagueAdmin({ league, onLeagueUpdate }: LeagueAdminProps
     if (!activeRejectRequest) {
       setRejectReason('');
     }
-  }, [activeRejectRequest?.id]);
+  }, [activeRejectRequest, setRejectReason]);
 
   const isRejectModalOpen = modal === 'reject-request' && !!activeRejectRequest;
 

apps/website/components/leagues/LeagueDropSection.tsx

@@ -104,7 +104,7 @@ function InfoFlyout({ isOpen, onClose, title, children, anchorRef }: InfoFlyoutP
   );
 }
 
-function InfoButton({ onClick, buttonRef }: { onClick: () => void; buttonRef: React.RefObject<HTMLButtonElement | null> }) {
+function InfoButton({ onClick, buttonRef }: { onClick: () => void; buttonRef: React.RefObject<HTMLButtonElement> }) {
   return (
     <button
       ref={buttonRef}

apps/website/components/leagues/LeagueSchedule.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 import { Race } from '@gridpilot/racing/domain/entities/Race';
 import {
@@ -25,11 +25,7 @@ export default function LeagueSchedule({ leagueId }: LeagueScheduleProps) {
 
   const currentDriverId = useEffectiveDriverId();
 
-  useEffect(() => {
-    loadRaces();
-  }, [leagueId]);
-
-  const loadRaces = async () => {
+  const loadRaces = useCallback(async () => {
     setLoading(true);
     try {
       const raceRepo = getRaceRepository();
@@ -59,7 +55,12 @@ export default function LeagueSchedule({ leagueId }: LeagueScheduleProps) {
     } finally {
       setLoading(false);
     }
-  };
+  }, [leagueId, currentDriverId]);
+
+  useEffect(() => {
+    loadRaces();
+  }, [loadRaces]);
+
 
   const handleRegister = async (race: Race, e: React.MouseEvent) => {
     e.stopPropagation();

apps/website/components/leagues/LeagueScoringSection.tsx

@@ -117,7 +117,7 @@ function InfoFlyout({ isOpen, onClose, title, children, anchorRef }: InfoFlyoutP
   );
 }
 
-function InfoButton({ onClick, buttonRef }: { onClick: () => void; buttonRef: React.RefObject<HTMLButtonElement | null> }) {
+function InfoButton({ onClick, buttonRef }: { onClick: () => void; buttonRef: React.RefObject<HTMLButtonElement> }) {
   return (
     <button
       ref={buttonRef}

apps/website/components/leagues/LeagueTimingsSection.tsx

@@ -433,7 +433,7 @@ function YearCalendarPreview({
     }
     
     return view;
-  }, [raceDates, seasonStart, seasonEnd]);
+  }, [raceDates, seasonStart, seasonEnd, months, isSeasonStartDate, isSeasonEndDate]);
 
   // Calculate season stats
   const firstRace = raceDates[0];