main
Last change
on this file since 1df3fde was d0ef259, checked in by anastasovv <simon@…>, 2 years ago |
Roulette rethought with 1 second update calls
|
-
Property mode
set to
100644
|
File size:
1.8 KB
|
Rev | Line | |
---|
[9bd09b0] | 1 | import React from 'react'
|
---|
| 2 |
|
---|
| 3 | import { useEffect } from 'react';
|
---|
| 4 | import { useDispatch, useSelector } from 'react-redux'
|
---|
[ace7865] | 5 | import { setPlayer, setRouletteGame } from '../../redux/reducers/playerSlice';
|
---|
[9bd09b0] | 6 |
|
---|
| 7 | import axios from 'axios';
|
---|
[ace7865] | 8 | import { setRoulette, setStyle } from '../../redux/reducers/styleSlice';
|
---|
[9bd09b0] | 9 |
|
---|
| 10 | const Timer = () => {
|
---|
| 11 | const dispatch = useDispatch();
|
---|
| 12 |
|
---|
| 13 | const playerState = useSelector(state => state.player);
|
---|
[ace7865] | 14 | const styleState = useSelector(state => state.style);
|
---|
[9bd09b0] | 15 |
|
---|
[ace7865] | 16 | function getTimer() {
|
---|
[d0ef259] | 17 | const timer = playerState.rouletteGame.game.timeToStart;
|
---|
[9bd09b0] | 18 |
|
---|
[d0ef259] | 19 | const timeString = (timer < 0 || timer > playerState.rouletteGame.game.COUNTDOWN_FROM - 2) ? '00:00' : '0' + parseInt(timer/60) + ':' + (timer%60 < 10 ? '0' : '') + (timer%60);
|
---|
[9bd09b0] | 20 |
|
---|
| 21 | return timeString;
|
---|
| 22 | }
|
---|
| 23 |
|
---|
| 24 | return (
|
---|
| 25 | <div className="rouletteTimer">
|
---|
[d0ef259] | 26 | {playerState.rouletteGame.game.timeToStart > 0 && playerState.rouletteGame.game.timeToStart <= playerState.rouletteGame.game.COUNTDOWN_FROM - 2 && <span style={{fontSize: '1rem'}}>Wheel will spin in:</span>}
|
---|
[ace7865] | 27 |
|
---|
| 28 | <span>{getTimer()}</span>
|
---|
| 29 |
|
---|
[d0ef259] | 30 | {playerState.rouletteGame.game.timeToStart > 10 && playerState.rouletteGame.game.timeToStart <= playerState.rouletteGame.game.COUNTDOWN_FROM - 2 && <span style={{fontSize: '1rem'}}>Make your bets.</span>}
|
---|
[ace7865] | 31 |
|
---|
[d0ef259] | 32 | {playerState.rouletteGame.game.timeToStart <= 10 && <span style={{fontSize: '1rem'}}>Betting time is over.</span>}
|
---|
[ace7865] | 33 |
|
---|
[d0ef259] | 34 | {playerState.rouletteGame.game.timeToStart > playerState.rouletteGame.game.COUNTDOWN_FROM && <span style={{fontSize: '1rem'}}>Time to see who won :)</span>}
|
---|
| 35 | {playerState.rouletteGame.game.timeToStart > playerState.rouletteGame.game.COUNTDOWN_FROM && <span style={{fontSize: '.7rem'}}>(And prepare, you can bet again soon.)</span>}
|
---|
[9bd09b0] | 36 | </div>
|
---|
| 37 | )
|
---|
| 38 | }
|
---|
| 39 |
|
---|
| 40 | export default Timer |
---|
Note:
See
TracBrowser
for help on using the repository browser.