pixi-rainman-game-engine 0.1.43 → 0.1.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,13 +16,13 @@ export const BetControls = observer(() => {
16
16
  return (<div className="bet-container">
17
17
  <h2>{i18next.t("totalBet")}</h2>
18
18
  <div className="bet-container__controls">
19
- <button name="bet-minus" className="bet-container__button" onClick={() => onClick("decrease")}>
19
+ <button disabled={settingStore.betChangeDisabled} onClick={() => onClick("decrease")} className="bet-container__button" name="bet-minus">
20
20
  -
21
21
  </button>
22
22
  <div className="bet-container__value">
23
23
  <p>{settingStore.betText}</p>
24
24
  </div>
25
- <button name="bet-plus" className="bet-container__button" onClick={() => onClick("increase")}>
25
+ <button disabled={settingStore.betChangeDisabled} onClick={() => onClick("increase")} className="bet-container__button" name="bet-plus">
26
26
  +
27
27
  </button>
28
28
  </div>
@@ -24,6 +24,12 @@
24
24
  font-size: 24px;
25
25
  }
26
26
 
27
+ .bet-container h2 {
28
+ text-align: center;
29
+ color: white;
30
+ text-transform: uppercase;
31
+ }
32
+
27
33
  .bet-container__button {
28
34
  height: 62px;
29
35
  width: 62px;
@@ -37,15 +43,10 @@
37
43
  cursor: pointer;
38
44
  }
39
45
 
40
- .bet-container h2 {
41
- text-align: center;
42
- color: white;
43
- text-transform: uppercase;
44
- }
45
-
46
- .bet-container__controls {
47
- display: flex;
48
- gap: 8px;
46
+ .bet-container__button:disabled {
47
+ cursor: not-allowed;
48
+ opacity: 0.5;
49
+ user-select: none;
49
50
  }
50
51
 
51
52
  .bet-container__button:active {
@@ -54,6 +55,11 @@
54
55
  border: 2px solid #fdf425;
55
56
  }
56
57
 
58
+ .bet-container__controls {
59
+ display: flex;
60
+ gap: 8px;
61
+ }
62
+
57
63
  @media only screen and (max-width: 900px) {
58
64
  #bet-layer.modal {
59
65
  width: 90vw;
@@ -11,6 +11,7 @@ import { PaytableData } from "./types";
11
11
  */
12
12
  export declare class SettingsStore {
13
13
  static instance: SettingsStore | null;
14
+ betChangeDisabled: boolean;
14
15
  bet: number;
15
16
  betText: string;
16
17
  ambientMusicFlag: boolean;
@@ -15,6 +15,7 @@ const INITIAL_AUTO_SPIN_COUNT = 50;
15
15
  */
16
16
  export class SettingsStore {
17
17
  static instance = null;
18
+ betChangeDisabled = false;
18
19
  bet = 0;
19
20
  betText = "";
20
21
  ambientMusicFlag = getFromLocalStorage(LOCAL_STORAGE.isAmbientMusicEnabled) ??
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixi-rainman-game-engine",
3
- "version": "0.1.43",
3
+ "version": "0.1.44",
4
4
  "description": "This repository contains all of the mechanics that used in rainman games.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",