@devrongx/games 0.4.27 → 0.4.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devrongx/games",
-  "version": "0.4.27",
+  "version": "0.4.28",
   "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(() => {

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" }}