wip

apps/website/app/leagues/[id]/stewarding/page.tsx

@@ -6,6 +6,8 @@ import Link from 'next/link';
 import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
 import { ReviewProtestModal } from '@/components/leagues/ReviewProtestModal';
+import QuickPenaltyModal from '@/components/leagues/QuickPenaltyModal';
+import PenaltyFAB from '@/components/leagues/PenaltyFAB';
 import {
   getRaceRepository,
   getProtestRepository,
@@ -43,11 +45,13 @@ export default function LeagueStewardingPage() {
   const [protestsByRace, setProtestsByRace] = useState<Record<string, Protest[]>>({});
   const [penaltiesByRace, setPenaltiesByRace] = useState<Record<string, Penalty[]>>({});
   const [driversById, setDriversById] = useState<Record<string, DriverDTO>>({});
+  const [allDrivers, setAllDrivers] = useState<DriverDTO[]>([]);
   const [loading, setLoading] = useState(true);
   const [isAdmin, setIsAdmin] = useState(false);
   const [activeTab, setActiveTab] = useState<'pending' | 'history'>('pending');
   const [selectedProtest, setSelectedProtest] = useState<Protest | null>(null);
   const [expandedRaces, setExpandedRaces] = useState<Set<string>>(new Set());
+  const [showQuickPenaltyModal, setShowQuickPenaltyModal] = useState(false);
 
   useEffect(() => {
     async function checkAdmin() {
@@ -110,6 +114,7 @@ export default function LeagueStewardingPage() {
           }
         });
         setDriversById(byId);
+        setAllDrivers(Object.values(byId));
         
         // Auto-expand races with pending protests
         const racesWithPending = new Set<string>();
@@ -495,6 +500,10 @@ export default function LeagueStewardingPage() {
         )}
       </Card>
 
+      {activeTab === 'history' && (
+        <PenaltyFAB onClick={() => setShowQuickPenaltyModal(true)} />
+      )}
+
       {selectedProtest && (
         <ReviewProtestModal
           protest={selectedProtest}
@@ -503,6 +512,15 @@ export default function LeagueStewardingPage() {
           onReject={handleRejectProtest}
         />
       )}
+
+      {showQuickPenaltyModal && (
+        <QuickPenaltyModal
+          drivers={allDrivers}
+          onClose={() => setShowQuickPenaltyModal(false)}
+          adminId={currentDriverId}
+          races={races.map(r => ({ id: r.id, track: r.track, scheduledAt: r.scheduledAt }))}
+        />
+      )}
     </div>
   );
 }