@devrongx/games 0.4.27 → 0.4.29

package/package.json

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

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

@@ -165,20 +165,12 @@ export const PreMatchGame = ({
     }, [config.markets, activeFilters, ignoredMarkets, bets]);
 
     const handleExpandAll = useCallback(() => {
-        setCollapsedMarkets(prev => {
-            const next = new Set(prev);
-            for (const i of visibleMarketIndices) next.delete(i);
-            return next;
-        });
-    }, [visibleMarketIndices]);
+        setCollapsedMarkets(new Set());
+    }, []);
 
     const handleCollapseAll = useCallback(() => {
-        setCollapsedMarkets(prev => {
-            const next = new Set(prev);
-            for (const i of visibleMarketIndices) next.add(i);
-            return next;
-        });
-    }, [visibleMarketIndices]);
+        setCollapsedMarkets(new Set(config.markets.map((_, i) => i)));
+    }, [config.markets]);
 
     // Category headers — only shown when no sort is active
     const categoryForIndex = useMemo(() => {
@@ -229,9 +221,12 @@ export const PreMatchGame = ({
 
     // ── Helper: is a market's options clickable? ─────────────────────────────
     const isMarketInteractive = useCallback((mIdx: number) => {
-        if (!hasSubmitted) return true; // fresh state: all markets interactive
-        return editingMarkets.has(mIdx); // post-submit: only editing markets
-    }, [hasSubmitted, editingMarkets]);
+        if (!hasSubmitted) return true;
+        // Post-submit: markets without a submitted bet stay interactive (new bets allowed)
+        if (!submittedBets?.[mIdx]) return true;
+        // Markets with a submitted bet: only interactive when in editing mode
+        return editingMarkets.has(mIdx);
+    }, [hasSubmitted, submittedBets, editingMarkets]);
 
     // ── Render ───────────────────────────────────────────────────────────────
 

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

@@ -44,7 +44,7 @@ export const FilterPill = ({ label, active = false, onClick }: { label: string;
         }}
     >
         <motion.div
-            className="absolute inset-0 rounded-full"
+            className="absolute inset-0 rounded-full pointer-events-none"
             initial={false}
             animate={{ scaleX: active ? 1 : 0, opacity: active ? 1 : 0 }}
             transition={{ duration: 0.25, ease: "easeOut" }}