Changeset 433e0c5 for components/roulette

Timestamp:

07/15/22 14:45:30 (2 years ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

55701f0

Parents:

1df3fde

Message:

Added complaints, managing credits, and lost connection screens

Location:

components/roulette

Files:

• BetModal.jsx (modified) (1 diff)
• Roulette.jsx (modified) (2 diffs)
• RouletteHeader.jsx (modified) (2 diffs)
• Timer.jsx (modified) (1 diff)

components/roulette/BetModal.jsx

@@ -8 +8 @@
 
 import axios from 'axios';
-import { setPlayer, setRouletteGame } from '../../redux/reducers/playerSlice';
 
 const BetModal = () => {

components/roulette/Roulette.jsx

@@ -8 +8 @@
 import Notification from '../Notification'
 import Sections from './Sections'
+import LostConnection from '../LostConnection'
 
 const Roulette = () => {
@@ -25 +26 @@
 
       <Notification/>
+
+      <LostConnection/>
     </div>
   )

components/roulette/RouletteHeader.jsx

@@ -79 +79 @@
                                 dispatch(setPlayer({
                                     ...playerState.player,
+                                    displayName: res.data?.displayName,
+                                    session_id: res.data?.session_id,
                                     credits: newRes.data?.rouletteGame?.player?.credits,
                                 }))
                             }
                         }
+
+                        if (newRes.data?.extraAction && newRes.data?.extraAction !== "spin_wheel") {
+                            dispatch(setStyle({
+                                ...styleState.style,
+                                displayLoadingScreen: false,
+                                notification: {
+                                    ...styleState.style.notification,
+                                    show: false,
+                                },
+                                lostConnectionInfo: {
+                                    show: false,
+                                    message: ''
+                                }
+                            }))
+                        }
+                    }).catch(error => {
+                        dispatch(setStyle({
+                            ...styleState.style,
+                            displayLoadingScreen: false,
+                            lostConnectionInfo: {
+                                show: true,
+                                message: 'Game will resume upon reconnection to the server.'
+                            }
+                        }))
                     });
                 }, 1000);
@@ -97 +123 @@
                     showCoin: false,
                 }));
-
-                dispatch(setStyle({
-                    ...styleState.style,
-                    displayLoadingScreen: false,
-                }))
             }
             else {

components/roulette/Timer.jsx

@@ -1 +1 @@
 import React from 'react'
 
-import { useEffect } from 'react';
-import { useDispatch, useSelector } from 'react-redux'
-import { setPlayer, setRouletteGame } from '../../redux/reducers/playerSlice';
-
-import axios from 'axios';
-import { setRoulette, setStyle } from '../../redux/reducers/styleSlice';
+import { useSelector } from 'react-redux'
 
 const Timer = () => {
-    const dispatch = useDispatch();
-
     const playerState = useSelector(state => state.player);
-    const styleState = useSelector(state => state.style);
 
     function getTimer() {