@devrongx/games 0.4.4 → 0.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devrongx/games",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Game UI components for sports prediction markets",
   "license": "MIT",
   "main": "./src/index.ts",

package/src/games/prematch-bets/PreMatchBetsPopup.tsx

@@ -21,8 +21,8 @@ import { PreMatchLive } from "./PreMatchLive";
 import { PreMatchResults } from "./PreMatchResults";
 import { FullLeaderboard } from "./FullLeaderboard";
 import { useTDPool, useTDPoolEntry, useTDLeaderboard } from "../../pools/hooks";
-import { useTDMatches } from "../../matches/useTDMatches";
 import { buildPMBConfig } from "../../pools/mapper";
+import type { ITDMatch } from "../../matches/types";
 import { joinTDPool, placeTDBets } from "../../pools/actions";
 import type { ITDLeaderboardEntry } from "../../pools/types";
 import { TDPoolStatus } from "../../pools/types";
@@ -89,27 +89,28 @@ interface PreMatchBetsPopupProps {
   /** When provided, fetches real data. When absent, uses hardcoded CSK_VS_RCB demo. */
   poolId?: number;
   matchId?: number;
+  /** Pass the ITDMatch directly (from MatchCalendar's onPoolPress) to skip a redundant fetch. */
+  match?: ITDMatch;
 }
 
 // ─── Component ───────────────────────────────────────────────────────────────
 
-export const PreMatchBetsPopup = ({ poolId, matchId }: PreMatchBetsPopupProps) => {
+export const PreMatchBetsPopup = ({ poolId, matchId: _matchId, match: matchProp }: PreMatchBetsPopupProps) => {
   const { activeView: storeView } = useGamePopupStore();
 
   // ── Real API data (only when poolId provided) ────────────────────────────
   const { pool, loading: poolLoading, refetch: refetchPool } = useTDPool(poolId ?? 0);
   const { data: entryData, refetch: refetchEntry } = useTDPoolEntry(poolId ?? 0);
   const { rankings, refetch: refetchLB } = useTDLeaderboard(poolId ?? 0, { pollMs: poolId ? 30_000 : 0 });
-  const { matches } = useTDMatches(matchId !== undefined ? { tournamentId: undefined } : undefined);
-  const match = useMemo(() => matches.find((m) => m.id === matchId) ?? null, [matches, matchId]);
 
   // ── Config: real or fallback ─────────────────────────────────────────────
+  // matchProp is passed directly from MatchCalendar's onPoolPress — no extra fetch needed
   const config = useMemo(() => {
-    if (poolId && pool && match) {
-      try { return buildPMBConfig(pool, match); } catch { /* fall through */ }
+    if (poolId && pool && matchProp) {
+      try { return buildPMBConfig(pool, matchProp); } catch { /* fall through */ }
     }
     return poolId ? null : CSK_VS_RCB_CHALLENGE;
-  }, [poolId, pool, match]);
+  }, [poolId, pool, matchProp]);
 
   const fallbackPool = poolId ? null : CSK_VS_RCB_POOL;
 

package/src/matches/MatchCalendar.tsx

@@ -209,7 +209,7 @@ function MatchGameSection({
 
 /* ── Match card with border shine animation ── */
 
-function MatchCard({ match, onPoolPress, partnerSource }: { match: ITDMatch; onPoolPress?: (pool: ITDPool) => void; partnerSource?: string }) {
+function MatchCard({ match, onPoolPress, partnerSource }: { match: ITDMatch; onPoolPress?: (pool: ITDPool, match: ITDMatch) => void; partnerSource?: string }) {
   const isLive = match.status === MATCH_STATUS.LIVE;
   const isCompleted = match.status === MATCH_STATUS.COMPLETED;
   const time = match.scheduled_start_at ? formatTime(toLocalDate(match.scheduled_start_at)) : "";
@@ -333,7 +333,7 @@ function MatchCard({ match, onPoolPress, partnerSource }: { match: ITDMatch; onP
         <MatchGameSection
           matchId={match.id}
           isCompleted={isCompleted}
-          onPoolPress={onPoolPress}
+          onPoolPress={onPoolPress ? (pool) => onPoolPress(pool, match) : undefined}
           partnerSource={partnerSource}
         />
       </motion.div>
@@ -343,7 +343,7 @@ function MatchCard({ match, onPoolPress, partnerSource }: { match: ITDMatch; onP
 
 /* ── Day column ── */
 
-function DayColumn({ day, index, onPoolPress, partnerSource }: { day: IMatchDay; index: number; onPoolPress?: (pool: ITDPool) => void; partnerSource?: string }) {
+function DayColumn({ day, index, onPoolPress, partnerSource }: { day: IMatchDay; index: number; onPoolPress?: (pool: ITDPool, match: ITDMatch) => void; partnerSource?: string }) {
   const hasToday = day.label === "TODAY";
   const hasLive = day.matches.some((m) => m.status === MATCH_STATUS.LIVE);
   const allCompleted = day.matches.every((m) => m.status === MATCH_STATUS.COMPLETED);
@@ -395,8 +395,8 @@ function DayColumn({ day, index, onPoolPress, partnerSource }: { day: IMatchDay;
 
 interface MatchCalendarProps {
   tournamentId?: number;
-  /** Called when user taps a pool pill. Pass poolId + matchId to open the popup. */
-  onPoolPress?: (pool: ITDPool) => void;
+  /** Called when user taps a pool pill. Receives both the pool and its parent match. */
+  onPoolPress?: (pool: ITDPool, match: ITDMatch) => void;
   /** Filter pools to a specific partner source (e.g. "iamgame") */
   partnerSource?: string;
 }