Merge branch 'predictions' into development

src/features/bracket/components/bracket.tsx

@@ -11,6 +11,7 @@ interface BracketProps {
     num_groups: number;
     advance_per_group: number;
   };
+  renderMatch?: (match: Match) => React.ReactNode;
   onMatchTap?: (match: Match) => void;
   selectedMatchLid?: number | null;
 }
@@ -20,6 +21,7 @@ export const Bracket: React.FC<BracketProps> = ({
   orders,
   showControls,
   groupConfig,
+  renderMatch,
   onMatchTap,
   selectedMatchLid,
 }) => {
@@ -137,14 +139,18 @@ export const Bracket: React.FC<BracketProps> = ({
                 <div key={match.lid}></div>
               ) : (
                 <div key={match.lid}>
-                  <MatchCard
-                    match={match}
-                    orders={orders}
-                    showControls={showControls}
-                    groupConfig={groupConfig}
-                    onTap={onMatchTap}
-                    selected={selectedMatchLid === match.lid}
-                  />
+                  {renderMatch ? (
+                    renderMatch(match)
+                  ) : (
+                    <MatchCard
+                      match={match}
+                      orders={orders}
+                      showControls={showControls}
+                      groupConfig={groupConfig}
+                      onTap={onMatchTap}
+                      selected={selectedMatchLid === match.lid}
+                    />
+                  )}
                 </div>
               )
             )}