Changeset 189cd8f for components

Timestamp:

07/06/22 00:11:47 (2 years ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

aac3b2b

Parents:

3a783f2

Message:

Code cleanings

Location:

components

Files:

• Notification.jsx (modified) (3 diffs)
• poker/PokerHeader.jsx (modified) (2 diffs)
• poker/PokerSections.jsx (modified) (1 diff)

components/Notification.jsx

@@ -2 +2 @@
 
 import { AiOutlineClose } from 'react-icons/ai';
+
+import { useState } from 'react';
 
 import { useDispatch, useSelector } from 'react-redux';
@@ -7 +9 @@
 
 const Notification = () => {
+    const [timeoutIsSet, setTimeoutIsSet] = useState(false);
+
     const styleState = useSelector(state => state.style);
 
@@ -24 +28 @@
     }
 
-    if (styleState.style.notification.show === true) {
+    if (styleState.style.notification.show === true && !timeoutIsSet) {
+        setTimeoutIsSet(true);
         setTimeout(() => {
             close();
+            setTimeoutIsSet(false);
         }, 3000);
     }

components/poker/PokerHeader.jsx

@@ -30 +30 @@
         }));
 
-        let interval;
+        let interval = null;
 
         axios.get(`/api/poker?action=get_player_info_on_enter&session_id=${localStorage.CAESSINO_SESSION_ID}`).then(res => {
             if (res.data?.success) {
+                if (interval !== null) clearInterval(interval);
+
                 dispatch(setPlayer({
                     ...playerState.player,
@@ -89 +91 @@
                     </h2>
                 </Link>
-                { playerState.pokerGame.player.table.length > 0 && <button style={{marginBottom: '4px', marginLeft: '32px', fontSize: '16px'}} className="tertiaryButton" onClick={() => leaveTable()}>Leave Table</button> }
+                { playerState.pokerGame?.player?.table?.length > 0 && <button style={{marginBottom: '4px', marginLeft: '32px', fontSize: '16px'}} className="tertiaryButton" onClick={() => leaveTable()}>Leave Table</button> }
             </div>
             <nav>

components/poker/PokerSections.jsx

@@ -15 +15 @@
   const playerState = useSelector(state => state.player);
 
-  if (playerState.pokerGame.player.table.length > 0) {
+  if (playerState.pokerGame?.player?.table?.length > 0) {
     return (
       <>