@devrongx/games 0.4.47 → 0.4.49

package/package.json

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

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

@@ -5,9 +5,9 @@ import { ILeaderboardEntry } from "./config";
 import { OUTFIT, PointsIcon } from "./constants";
 
 const RANK_COLORS = [
-    { bg: "rgba(255,215,0,0.12)", border: "rgba(255,215,0,0.3)", text: "#FFD700" },
-    { bg: "rgba(192,192,192,0.10)", border: "rgba(192,192,192,0.25)", text: "#C0C0C0" },
-    { bg: "rgba(205,127,50,0.10)", border: "rgba(205,127,50,0.25)", text: "#CD7F32" },
+    { bg: "#FFD700", text: "#000" },
+    { bg: "#C0C0C0", text: "#000" },
+    { bg: "#CD7F32", text: "#000" },
 ];
 
 interface LeaderboardRowProps {
@@ -25,8 +25,8 @@ export const LeaderboardRow = ({ entry, rank, isLast }: LeaderboardRowProps) =>
         <div
             className="relative flex items-center gap-2 px-3 py-[6px] transition-all duration-300"
             style={{
-                borderBottom: isLast ? "none" : "1px solid rgba(255,255,255,0.03)",
-                background: entry.isYou ? "rgba(34,227,232,0.06)" : "transparent",
+                borderBottom: isLast ? "none" : "1px solid rgba(255,255,255,0.08)",
+                background: entry.isYou ? "rgba(34,227,232,0.08)" : "#000",
             }}
         >
             {entry.isYou && (
@@ -36,17 +36,17 @@ export const LeaderboardRow = ({ entry, rank, isLast }: LeaderboardRowProps) =>
             <div className="w-[32px] flex-shrink-0 flex items-center justify-center">
                 {isTop3 && rankStyle ? (
                     <span
-                        className="inline-flex items-center justify-center w-[20px] h-[20px] rounded-lg text-[9px] font-bold"
-                        style={{ background: rankStyle.bg, border: `1px solid ${rankStyle.border}`, color: rankStyle.text, ...OUTFIT }}>
+                        className="inline-flex items-center justify-center w-[22px] h-[22px] rounded-full text-[10px] font-extrabold"
+                        style={{ background: rankStyle.bg, color: rankStyle.text, ...OUTFIT }}>
                         {rank}
                     </span>
                 ) : (
-                    <span className="text-[10px] text-white/40 font-semibold" style={OUTFIT}>{rank.toLocaleString()}</span>
+                    <span className="text-[10px] text-white/50 font-semibold" style={OUTFIT}>{rank.toLocaleString()}</span>
                 )}
             </div>
             <div className="flex items-center gap-1.5 flex-1 min-w-0">
                 <span
-                    className={`text-[11px] truncate font-semibold ${entry.isYou ? "text-[#22E3E8]" : isTop3 ? "text-white" : "text-white/60"}`}
+                    className={`text-[11px] truncate font-semibold ${entry.isYou ? "text-[#22E3E8]" : "text-white"}`}
                     style={OUTFIT}>
                     {entry.wallet}
                 </span>
@@ -60,8 +60,8 @@ export const LeaderboardRow = ({ entry, rank, isLast }: LeaderboardRowProps) =>
             <div className="w-[66px] flex-shrink-0 flex items-center justify-end gap-[3px]">
                 <PointsIcon size={9} />
                 <span
-                    className={`text-[11px] font-bold ${entry.isYou ? "text-[#22E3E8]" : isTop3 ? "text-white" : "text-white/70"}`}
-                    style={{ ...OUTFIT, ...(entry.isYou ? { textShadow: "0 0 6px rgba(34,227,232,0.3)" } : {}) }}>
+                    className="text-[11px] font-bold"
+                    style={{ ...OUTFIT, color: "#22E3E8", ...(entry.isYou ? { textShadow: "0 0 6px rgba(34,227,232,0.3)" } : {}) }}>
                     {entry.pts.toLocaleString()}
                 </span>
             </div>

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

@@ -842,11 +842,11 @@ export const PreMatchGame = ({
                     <div className="pt-1">
                         <p className="text-[10px] text-white uppercase tracking-wide mb-2 font-semibold" style={OUTFIT}>Leaderboard</p>
                         <div className="flex items-center gap-2 px-3 mb-1">
-                            <span className="w-[32px] flex-shrink-0 text-center text-[8px] text-white/30 uppercase tracking-widest font-bold" style={OUTFIT}>#</span>
-                            <span className="flex-1 text-[8px] text-white/30 uppercase tracking-widest font-bold pl-2" style={OUTFIT}>Player</span>
-                            <span className="w-[66px] flex-shrink-0 text-right text-[8px] text-white/30 uppercase tracking-widest font-bold" style={OUTFIT}>Score</span>
+                            <span className="w-[32px] flex-shrink-0 text-center text-[8px] text-white/50 uppercase tracking-widest font-bold" style={OUTFIT}>#</span>
+                            <span className="flex-1 text-[8px] text-white/50 uppercase tracking-widest font-bold pl-2" style={OUTFIT}>Player</span>
+                            <span className="w-[66px] flex-shrink-0 text-right text-[8px] text-white/50 uppercase tracking-widest font-bold" style={OUTFIT}>Score</span>
                         </div>
-                        <div className="h-px bg-white/5 mb-1" />
+                        <div className="h-px bg-white/10 mb-1" />
                         <div className="flex flex-col">
                             {leaderboardRows.map((entry, i, arr) => (
                                 <div key={entry.wallet + (entry.rank ?? i)}>

package/src/games/prematch-bets/config.ts

@@ -423,7 +423,8 @@ export function calcBetSummary(
     }
 
     let totalEntry = 0;
-    let baseReward = 0;
+    let individualReward = 0;
+    let parlayReward = 0;
     let weightedRiskSum = 0;
 
     for (const [mIdxStr, { optionIdx, amount, parlaySlot }] of Object.entries(bets)) {
@@ -434,7 +435,7 @@ export function calcBetSummary(
 
         const isInActiveParlay = parlaySlot !== null && activeSlots.has(parlaySlot);
         if (!isInActiveParlay) {
-            baseReward += Math.round(amount * opt.odds);
+            individualReward += Math.round(amount * opt.odds);
         }
     }
 
@@ -448,10 +449,11 @@ export function calcBetSummary(
             combinedOdds *= opt.odds;
             parlayStake += bet.amount;
         }
-        baseReward += Math.round(parlayStake * combinedOdds);
+        parlayReward += Math.round(parlayStake * combinedOdds * (config.compoundMultipliers[legs.length] ?? 1));
     }
 
-    const compoundedReward = Math.round(baseReward * compoundMultiplier);
+    const baseReward = individualReward + parlayReward;
+    const compoundedReward = baseReward;
     const remainingBalance = startingBalance - totalEntry;
     const potentialBalance = remainingBalance + compoundedReward;
     const riskPercent = totalEntry > 0
@@ -599,8 +601,5 @@ export function calcDisplayReward(
     betAmount?: number,
 ): number {
     const base = betAmount != null ? Math.round(betAmount * opt.odds) : optionReward(opt);
-    if (isSelected && selectedCount >= 2) {
-        return Math.round(base * compoundMultiplier);
-    }
     return base;
 }