predictions

src/features/bracket/components/bracket.tsx

@@ -11,6 +11,7 @@ interface BracketProps {
     num_groups: number;
     advance_per_group: number;
   };
+  renderMatch?: (match: Match) => React.ReactNode;
 }
 
 export const Bracket: React.FC<BracketProps> = ({
@@ -18,6 +19,7 @@ export const Bracket: React.FC<BracketProps> = ({
   orders,
   showControls,
   groupConfig,
+  renderMatch,
 }) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const svgRef = useRef<SVGSVGElement>(null);
@@ -133,12 +135,16 @@ export const Bracket: React.FC<BracketProps> = ({
                 <div key={match.lid}></div>
               ) : (
                 <div key={match.lid}>
-                  <MatchCard
-                    match={match}
-                    orders={orders}
-                    showControls={showControls}
-                    groupConfig={groupConfig}
-                  />
+                  {renderMatch ? (
+                    renderMatch(match)
+                  ) : (
+                    <MatchCard
+                      match={match}
+                      orders={orders}
+                      showControls={showControls}
+                      groupConfig={groupConfig}
+                    />
+                  )}
                 </div>
               )
             )}