Typscript final

frontend/src/components/Bracket/BracketView.tsx

@@ -1,7 +1,7 @@
 // frontend/src/components/Bracket/BracketView.tsx
 
 import React, { useEffect, useRef, useState } from 'react';
-import { MatchData } from '../../types';
+import { type MatchData } from '../../types';
 import Podium from "../Tournament/Podium";
 import MatchCard from "./MatchCard";
 
@@ -80,7 +80,7 @@ export default function BracketView({ matches, onMatchClick }: BracketViewProps)
         const roundKeys = Object.keys(rounds).map(Number).sort((a, b) => a - b);
 
         return roundKeys.map((r) => {
-            let matchesInRound = rounds[r];
+            const matchesInRound = rounds[r];
             matchesInRound.sort((a, b) => a.number - b.number);
             return (
                 <div key={r} className="flex flex-col gap-10 z-10 w-64 shrink-0 justify-around">
@@ -95,8 +95,8 @@ export default function BracketView({ matches, onMatchClick }: BracketViewProps)
     const lb = matches.filter(m => m.bracket === 'Loser');
     const finals = matches.filter(m => m.bracket === 'Finals');
 
-    let displayWb = [...wb];
-    let displayFinals = [...finals];
+    const displayWb = [...wb];
+    const displayFinals = [...finals];
 
     if (!isDoubleElim && displayWb.length > 0) {
         const maxRound = Math.max(...displayWb.map(m => m.round));
@@ -146,7 +146,6 @@ export default function BracketView({ matches, onMatchClick }: BracketViewProps)
                     )}
                 </div>
                 <div className="flex flex-col justify-center gap-6 z-10">
-                    {/* @ts-ignore - Assuming Podium was typed earlier or needs its own MatchData import */}
                     <Podium matches={matches} />
                 </div>
             </div>