fix: cards in settle modal show innoraml state

bbb169 · Oct 15, 2023 · 4a2702e · 4a2702e
1 parent c73f5d3
commit 4a2702e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/pages/playRoom/component/settleMoal/index.tsx b/src/pages/playRoom/component/settleMoal/index.tsx
@@ -27,9 +27,17 @@ export function SettleMoal () {
                 {
                     victoryPlayers?.map(([player, victoryInfo]) => <div key={player.name}>
                         <Popconfirm  title={
-                            victoryInfo.cards
-                                ? <DemoCards cards={victoryInfo.cards}/>
-                                :                                                            <div>当前情况不能查看胜者牌型</div>
+                            <div css={css`
+                            width: 80vw;
+                            display: flex;
+                            justify-content: center;
+                            `}>
+                                {
+                                    victoryInfo.cards
+                                        ? <DemoCards cards={victoryInfo.cards}/>
+                                        :                                                            <div>当前情况不能查看胜者牌型</div>
+                                }
+                            </div>
                         } placement='bottom' trigger={'click'} showCancel={false}
                             icon={<></>}>
                             <Button type="primary" shape="round">{player.name}: 收获筹码： {victoryInfo.getChips} {victoryInfo.cardName ? `，牌型: ${cardTypeTranslateMap[victoryInfo.cardName]}` : ''}</Button>

diff --git a/src/pages/playRoom/hooks/usePlayers.ts b/src/pages/playRoom/hooks/usePlayers.ts
@@ -77,12 +77,10 @@ export default function usePlayersCards (): [PlayerInfoType[], PlayerInfoType |
         });
 
         // =================== Heartbeat Detection ====================
-        socket.on('heartbeat', (data, callback) => {
+        socket.on('heartbeat', (callback) => {
             console.log('============ heartbeat ==================');
 
-            setTimeout(() => {
-                callback();
-            }, 5000);
+            callback();
         });
 
         return () => {