update default sneckMode

src/components/GamePanel.tsx

@@ -4,6 +4,7 @@ import { useRequest } from "ahooks";
 import { Spin, Tabs } from "antd";
 import { PlayerList } from "./PlayerList";
 import { GroupingPrediction } from "./GroupingPrediction";
+import { useMemo } from "react";
 
 interface Props {
   game?: IEventInfo;
@@ -15,6 +16,9 @@ export const GamePanel: React.FC<Props> = props => {
     const info: MatchInfo = await (await fetch(`/api/match/${props.game.matchId}`)).json();
     return info;
   }, { refreshDeps: [props] });
+  const sneckMode = useMemo(() => {
+    return !!props.game?.title?.includes('争霸赛');
+  }, [props.game]);
   return (
     <Spin spinning={fetchPlayers.loading}>
       <Tabs
@@ -22,7 +26,7 @@ export const GamePanel: React.FC<Props> = props => {
           {
             key: 'groups',
             label: '分组预测',
-            children: <GroupingPrediction players={fetchPlayers.data?.players} />
+            children: <GroupingPrediction sneckMode={sneckMode} players={fetchPlayers.data?.players} />
           },
           {
             key: 'players',

src/components/GroupingPrediction.tsx

@@ -7,6 +7,7 @@ import { sneckGroup } from "../utils";
 
 interface Props {
   players?: Player[];
+  sneckMode: boolean;
 }
 
 type CustomPlayer = (Player & { index: number; id: string; });
@@ -16,7 +17,7 @@ export const GroupingPrediction: React.FC<Props> = props => {
     return props.players?.slice(0, maxPlayerSize)?.map((e, i) => ({ ...e, index: i + 1, id: `${i}-${e.name}-${e.score}` })) ?? [];
   }, [props.players, maxPlayerSize]);
   const [groupLen, setGroupLen] = useState(6);
-  const [sneckMode, setSneckMode] = useState(false);
+  const [sneckMode, setSneckMode] = useState(props.sneckMode);
   const chunkSize = useMemo(() => Math.floor((players.length ?? 0) / groupLen) || 1, [players, groupLen]);
   const grouped = useMemo(() => {
     return chunk(players, chunkSize);