@devrongx/games 0.4.40 → 0.4.42

package/package.json

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

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

@@ -585,7 +585,7 @@ export const PreMatchGame = ({
 
                         <div className="flex items-stretch justify-between gap-3">
                             {/* Left — text area */}
-                            <div className="flex flex-col gap-2 flex-1 min-w-0">
+                            <div className="flex flex-col gap-2 flex-1 min-w-0 overflow-hidden">
                                 {/* Remaining balance */}
                                 <AnimatePresence>
                                     {remainingBalance > 0 && (
@@ -711,8 +711,8 @@ export const PreMatchGame = ({
                             )}
                         </AnimatePresence>
 
-                        {/* Combined Bets (Parlays) */}
-                        <div className="mt-4">
+                        {/* Combined Bets (Parlays) — hidden until v2 */}
+                        {false && <div className="mt-4">
                             {hasAnyParlays ? (
                             <>
                             <div className="flex items-center gap-2 mb-1">
@@ -835,7 +835,7 @@ export const PreMatchGame = ({
                                     </button>
                                 </div>
                             )}
-                        </div>
+                        </div>}
                     </div>
 
                     {/* Leaderboard & Potential Payouts */}

package/src/matches/MatchCalendar.tsx

@@ -52,6 +52,18 @@ const GT: Record<number, { icon: typeof Target; color: string; label: string }>
   [TDGameType.BALL_SEQUENCE]: { icon: Zap, color: "#FF9945", label: "Ball Sequence" },
 };
 
+/* ── USDC icon (inline SVG) ── */
+
+function UsdcIcon({ size = 10 }: { size?: number }) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className="shrink-0">
+      <path d="M12 22C17.5417 22 22 17.5417 22 12C22 6.4583 17.5417 2 12 2C6.4583 2 2 6.4583 2 12C2 17.5417 6.4583 22 12 22Z" fill="#2775CA"/>
+      <path d="M14.7493 13.582C14.7493 12.1237 13.8743 11.6237 12.1243 11.4154C10.8743 11.2487 10.6243 10.9154 10.6243 10.332C10.6243 9.74863 11.041 9.37373 11.8743 9.37373C12.6243 9.37373 13.041 9.62373 13.2493 10.2487C13.291 10.3737 13.416 10.457 13.541 10.457H14.2076C14.3743 10.457 14.4993 10.332 14.4993 10.1654V10.1237C14.3326 9.20703 13.5826 8.49873 12.6243 8.41543V7.41543C12.6243 7.24873 12.4993 7.12373 12.291 7.08203H11.666C11.4993 7.08203 11.3743 7.20703 11.3326 7.41543V8.37373C10.0826 8.54043 9.29102 9.37373 9.29102 10.4154C9.29102 11.7904 10.1243 12.332 11.8743 12.5404C13.041 12.7487 13.416 12.9987 13.416 13.6654C13.416 14.3321 12.8326 14.7904 12.041 14.7904C10.9576 14.7904 10.5826 14.332 10.4576 13.707C10.416 13.5404 10.291 13.457 10.166 13.457H9.45762C9.29102 13.457 9.16602 13.582 9.16602 13.7487V13.7904C9.33262 14.832 9.99932 15.582 11.3743 15.7904V16.7904C11.3743 16.957 11.4993 17.082 11.7076 17.1237H12.3326C12.4993 17.1237 12.6243 16.9987 12.666 16.7904V15.7904C13.916 15.582 14.7493 14.707 14.7493 13.582Z" fill="white"/>
+      <path d="M9.87581 17.9596C6.62581 16.793 4.95911 13.168 6.16751 9.95957C6.79251 8.20957 8.16751 6.87627 9.87581 6.25127C10.0425 6.16797 10.1258 6.04297 10.1258 5.83457V5.25127C10.1258 5.08457 10.0425 4.95957 9.87581 4.91797C9.83411 4.91797 9.75081 4.91797 9.70911 4.95957C5.75081 6.20957 3.58411 10.418 4.83411 14.3763C5.58411 16.7096 7.37581 18.5013 9.70911 19.2513C9.87581 19.3346 10.0425 19.2513 10.0841 19.0846C10.1258 19.043 10.1258 19.0013 10.1258 18.918V18.3346C10.1258 18.2096 10.0008 18.043 9.87581 17.9596ZM14.2925 4.95957C14.1258 4.87627 13.9591 4.95957 13.9175 5.12627C13.8758 5.16797 13.8758 5.20957 13.8758 5.29297V5.87627C13.8758 6.04297 14.0008 6.20957 14.1258 6.29297C17.3758 7.45957 19.0425 11.0846 17.8341 14.293C17.2091 16.043 15.8341 17.3763 14.1258 18.0013C13.9591 18.0846 13.8758 18.2096 13.8758 18.418V19.0013C13.8758 19.168 13.9591 19.293 14.1258 19.3346C14.1675 19.3346 14.2508 19.3346 14.2925 19.293C18.2508 18.043 20.4175 13.8346 19.1675 9.87627C18.4175 7.50127 16.5841 5.70957 14.2925 4.95957Z" fill="white"/>
+    </svg>
+  );
+}
+
 /* ── pool chip ── */
 
 function PoolChip({ pool, color, onPress }: { pool: ITDPool; color: string; onPress: (p: ITDPool) => void }) {
@@ -59,6 +71,7 @@ function PoolChip({ pool, color, onPress }: { pool: ITDPool; color: string; onPr
   const open = pool.status === TDPoolStatus.OPEN;
   const free = isFree(pool);
   const joined = pool.has_entry === true;
+  const paid = !free;
 
   return (
     <motion.button
@@ -77,8 +90,11 @@ function PoolChip({ pool, color, onPress }: { pool: ITDPool; color: string; onPr
         <Check size={8} strokeWidth={3} style={{ color }} className="shrink-0" />
       )}
 
-      {/* Live dot (only if open and not joined) */}
-      {open && !joined && (
+      {/* USDC icon for paid pools (not joined) */}
+      {paid && !joined && <UsdcIcon size={10} />}
+
+      {/* Live dot for free pools (only if open and not joined) */}
+      {free && open && !joined && (
         <span className="relative flex h-1 w-1 shrink-0">
           <span className="animate-ping absolute inline-flex h-full w-full rounded-full opacity-50" style={{ backgroundColor: color }} />
           <span className="relative inline-flex rounded-full h-1 w-1" style={{ backgroundColor: color }} />