main
Last change
on this file since 9bd09b0 was 9bd09b0, checked in by anastasovv <simon@…>, 2 years ago |
Roulette place a bet functionality
|
-
Property mode
set to
100644
|
File size:
1.2 KB
|
Rev | Line | |
---|
[9bd09b0] | 1 | import React from 'react'
|
---|
| 2 |
|
---|
| 3 | import { useEffect } from 'react';
|
---|
| 4 | import { useDispatch, useSelector } from 'react-redux'
|
---|
| 5 | import { setRouletteGame } from '../../redux/reducers/playerSlice';
|
---|
| 6 |
|
---|
| 7 | import axios from 'axios';
|
---|
| 8 |
|
---|
| 9 | const Timer = () => {
|
---|
| 10 | const dispatch = useDispatch();
|
---|
| 11 |
|
---|
| 12 | const playerState = useSelector(state => state.player);
|
---|
| 13 |
|
---|
| 14 | useEffect(() => {
|
---|
| 15 | let interval = setInterval(() => {
|
---|
| 16 | dispatch(setRouletteGame({
|
---|
| 17 | ...playerState.rouletteGame,
|
---|
| 18 | timeToStart: playerState.rouletteGame.timeToStart - 1,
|
---|
| 19 | }))
|
---|
| 20 |
|
---|
| 21 | if (playerState.rouletteGame.timeToStart == 0) {
|
---|
| 22 |
|
---|
| 23 | }
|
---|
| 24 | }, 1000);
|
---|
| 25 |
|
---|
| 26 | return () => clearInterval(interval);
|
---|
| 27 | }, [dispatch, playerState.rouletteGame.timeToStart, playerState.rouletteGame]);
|
---|
| 28 |
|
---|
| 29 | function updateTimer() {
|
---|
| 30 | const timer = playerState.rouletteGame.timeToStart;
|
---|
| 31 |
|
---|
| 32 | const timeString = (timer < 0 || timer > 90) ? '00:00' : '0' + parseInt(timer/60) + ':' + (timer%60 < 10 ? '0' : '') + (timer%60);
|
---|
| 33 |
|
---|
| 34 | return timeString;
|
---|
| 35 | }
|
---|
| 36 |
|
---|
| 37 | return (
|
---|
| 38 | <div className="rouletteTimer">
|
---|
| 39 | <span>{updateTimer()}</span>
|
---|
| 40 | </div>
|
---|
| 41 | )
|
---|
| 42 | }
|
---|
| 43 |
|
---|
| 44 | export default Timer |
---|
Note:
See
TracBrowser
for help on using the repository browser.