From d9923f4a5298f25a8efcc38225d324caef548021 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Thu, 8 Feb 2024 17:32:25 +0300
Subject: [PATCH] added changed with btns crash

---
 .../css/PagesStyles/games-pages/crash.css     | 12 ++++++++--
 .../src/pages/games-pages/CrashgamePage.vue   | 22 +++++++++++++++++--
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css
index 883c62a..ce268df 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css
@@ -113,9 +113,17 @@
     border-radius: 10px;
     width: 300px;
     height: 60px;
-    font-family: 'Montserrat Alternates';
+    font-family: 'Inter';
     font-weight: 700;
-    font-size: 16px;
+    font-size: 18px;
+}
+
+.claim-btn-crash__prize {
+    background: #4E5EF2 !important;
+}
+
+.waiting-btn-crash {
+    background: #3D3F48 !important;
 }
 
 .crash-window__line {
diff --git a/luckydiamond/src/pages/games-pages/CrashgamePage.vue b/luckydiamond/src/pages/games-pages/CrashgamePage.vue
index 7acacd4..02afbe5 100644
--- a/luckydiamond/src/pages/games-pages/CrashgamePage.vue
+++ b/luckydiamond/src/pages/games-pages/CrashgamePage.vue
@@ -33,8 +33,9 @@
               <h2>{{ textError }}</h2>
             </div>
             <div class="crash-game-window__btn-start">
-              <button v-if="startGame && crashObject.Status !== 'WaitingForPlayers'" @click="clickClaimDep">Забрать</button>
-              <button v-else @click="clickPlayBtn" :class="{ 'animate-start-btn': ErrorClick }">Начать игру</button>
+              <button v-if="startGame && crashObject.Status !== 'WaitingForPlayers'" @click="clickClaimDep" class="claim-btn-crash__prize">Забрать {{ prizeUser.toFixed(2) }} АР</button>
+              <button v-if="startGame && crashObject.Status === 'WaitingForPlayers'" class="waiting-btn-crash">Ожидание игроков...</button>
+              <button v-if="!startGame" @click="clickPlayBtn" :class="{ 'animate-start-btn': ErrorClick }">Начать игру</button>
             </div>
             <div class="crash-window__line">
               <div class="line-crash">
@@ -113,6 +114,7 @@ export default {
       crashObject: '',
       textError: '',
       startGame: false,
+      prizeUser: 0,
     }
   },
   setup() {
@@ -130,8 +132,13 @@ export default {
        console.error(e)
       }
 
+      if (this.crashObject.CurrentX !== null && this.crashObject.Players.some(player => player.UserName === GetCookie('SpUserName'))) {
+        this.getUserPrizer()
+      }
+
       if (this.crashObject.Status === 'GameEnd' && this.startGame === true && this.crashObject.Players.some(player => player.UserName === GetCookie('SpUserName'))) {
         this.startGame = false
+        this.prizeUser = 0
         this.updateUserMoney()
       }
       if (
@@ -231,6 +238,17 @@ export default {
             })
       }
     },
+    async getUserPrizer() {
+      const currentUser = this.crashObject.Players.find(player => player.UserName === GetCookie('SpUserName'));
+
+      if (currentUser) {
+        setTimeout(async () => {
+          this.prizeUser =  currentUser.Bid * this.crashObject.CurrentX
+        }, 100)
+      } else {
+        return 0
+      }
+    },
     async clickPlayBtn() {
       this.v$.$touch()