Changeset 3a783f2 for components/poker/PokerHeader.jsx

Timestamp:

07/05/22 16:36:24 (2 years ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

189cd8f

Parents:

b13f93b

Message:

Finished poker and added ball to roulette

File:

• components/poker/PokerHeader.jsx (modified) (4 diffs)

components/poker/PokerHeader.jsx

@@ -23 +23 @@
     const styleState = useSelector(state => state.style);
 
-    useEffect(() => async function() {
+    useEffect(() => {
         // display loading screen
         dispatch(setStyle({
@@ -30 +30 @@
         }));
 
-        let interval = setInterval(() => {
-            axios.get(`/api/poker?action=update_state&session_id=${localStorage.CAESSINO_SESSION_ID}`).then(res => {
-                if (res.data?.success) {
-                    dispatch(setPokerGame(res.data?.pokerGame))
-                }
-            });
-        }, 3000);
+        let interval;
 
         axios.get(`/api/poker?action=get_player_info_on_enter&session_id=${localStorage.CAESSINO_SESSION_ID}`).then(res => {
@@ -51 +45 @@
                     displayLoadingScreen: false,
                 }))
+
+                interval = setInterval(() => {
+                    axios.get(`/api/poker?action=update_state&session_id=${localStorage.CAESSINO_SESSION_ID}`).then(newRes => {
+                        if (newRes.data?.success) {
+                            dispatch(setPokerGame(newRes.data?.pokerGame))
+        
+                            if (newRes.data?.pokerGame?.player?.credits !== playerState.player.credits && newRes.data?.pokerGame?.player?.credits > 0) {
+                                dispatch(setPlayer({
+                                    ...playerState.player,
+                                    credits: newRes.data?.pokerGame?.player?.credits,
+                                }))
+                            }
+                        }
+                    });
+                }, 2000);
             }
             else {
@@ -66 +75 @@
             }
         });
-        
-        return () => clearInterval(interval);
-    }, [playerState.pokerGame.player.table])
+    }, [])
+
+    function leaveTable() {
+        axios.get(`/api/poker?action=leave_table&session_id=${localStorage.CAESSINO_SESSION_ID}`);
+    }
 
     return (
         <header className="header">
-            <Link href="/" passHref>
-                <h2>
-                    <AiOutlineArrowLeft />
-                </h2>
-            </Link>
+            <div style={{display: 'flex', alignItems: 'center'}}>
+                <Link href="/" passHref>
+                    <h2>
+                        <AiOutlineArrowLeft />
+                    </h2>
+                </Link>
+                { playerState.pokerGame.player.table.length > 0 && <button style={{marginBottom: '4px', marginLeft: '32px', fontSize: '16px'}} className="tertiaryButton" onClick={() => leaveTable()}>Leave Table</button> }
+            </div>
             <nav>
                 <ul>