I can't

luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css

@@ -176,21 +176,18 @@
     height: 50px;
     border-radius: 18px;
     margin-left: 455px;
-    display: grid;
-    grid-template-columns: auto auto auto;
+    display: flex;
     gap: 10px;
+    padding: 0 10px;
 }
 
-.grid-item {
-    background-color: rgba(255, 255, 255, 0.8);
-    border: 1px solid rgba(0, 0, 0, 0.8);
-    text-align: center;
-  }
-
-.crash-history__element {
+.crash-history__component {
+    background: linear-gradient(#18213E, #263873);
+    width: 12%;
     height: 80%;
-    border-radius: 18px;
-    background: rgba(34, 37, 47, 0.8);
+    display: inline;
+    margin: auto;
+    border-radius: 10px;
 }
 
 /* Crash-Players */

luckydiamond/src/assets/js/Profile/Referrals.js

@@ -1,5 +1,8 @@
 import { BackendApiUrl } from '@/properties/Сonfig.js';
 import { GetCookie } from "@/assets/js/storage/CookieStorage";
+
+
+
 export async function GetReferralData () {
     
     const myHeaders = new Headers();

luckydiamond/src/assets/js/games/crash/CrashAPI.js

@@ -1,5 +1,24 @@
 import { BackendApiUrl } from '@/properties/Сonfig.js';
 
+
+export async function CrashHistory () {
+    const myHeaders = new Headers();
+myHeaders.append("Cookie", "ARRAffinity=a6e48b9e9d2653435be7b61998d8624b44115214104213d6c8b8c526cc56dc70; ARRAffinitySameSite=a6e48b9e9d2653435be7b61998d8624b44115214104213d6c8b8c526cc56dc70");
+
+const requestOptions = {
+  method: "POST",
+  headers: myHeaders,
+  redirect: "follow"
+};
+
+fetch("https://spsystemcore20231122004605.azurewebsites.net/api/GameCrash/GetCrashXHistory", requestOptions)
+  .then((response) => response.text())
+  .then((result) => console.log(result))
+  .catch((error) => console.error(error));
+}
+
+
+
 export async function JoinCrashGame(userData, amount) {
     const data = {
         userCredentials: {

luckydiamond/src/pages/games-pages/CrashgamePage.vue

@@ -52,27 +52,36 @@
       <section class="crash-game__players" v-if="crashObject && crashObject.Players">
         <div class="crash-game-players__content">
           <div class="crash__history">
-            <div class="crash-history__element"><br>
-              В РАЗРАБОТКЕ
-            </div>
+              <div class="crash-history__component"> <h2>{{ game.winX }}</h2> </div>
+              <div class="crash-history__component"></div>
+              <div class="crash-history__component"></div>
+              <div class="crash-history__component"></div>
+              <div class="crash-history__component"></div>
+              <div class="crash-history__component"></div>
+              <div class="crash-history__component"></div>
+              <div class="crash-history__component"></div>
           </div>
           <ul class="user-list" v-if="crashObject.Players.length">
             <li class="user-crash" v-for="(player, index) in crashObject.Players.sort((a, b) => b.Bid - a.Bid)" :key="index">
               <div class="user-crash-content" :class="{ 'user-crash-content__lose' : crashObject.Status === 'GameEnd' && player.WinningX <= 0, 'user-crash-content__win' : player.WinningX >= 1 }">
+                
                 <div class="user-name-crash">
                   <img class="user-crash__icon" :src="`https://avatar.spworlds.ru/face/55/${player.UserName}`">
                   <h2>{{ player.UserName }}</h2>
                 </div>
+
                 <div class="user-bid-crash">
                   <h2 v-if="player.WinningMoney >= 1" class="wingame__win-bid-crash">{{ player.WinningMoney.toFixed(2) }}</h2>
                   <h2 v-else>{{ player.Bid }}</h2>
                   <img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png">
                 </div>
+
                 <div class="user-game-status-crash">
                   <h2 class="ingame-crash" v-if="crashObject.Status === 'WaitingForPlayers' && player.WinningX <= 1 || crashObject.Status === 'InGame' && player.WinningX <= 0">В&nbsp;игре</h2>
                   <h2 class="lostgame-crash" v-if="crashObject.Status === 'GameEnd' && player.WinningX <= 0">Проиграл</h2>
                   <h2 class="wingame-crash" v-if="player.WinningX >= 1">{{ player.WinningX.toFixed(2) }}x</h2>
                 </div>
+                
               </div>
             </li>
           </ul>
@@ -97,12 +106,13 @@ import SaperNumbers from "@/mocks/SaperNumbers";
 import {GetCurrentMoney} from "@/assets/js/rest/RestMethods";
 import {GetCookie} from "@/assets/js/storage/CookieStorage";
 import {eventBus} from "@/main";
-import {ExitAndTakeMoneyFromCrashGame, JoinCrashGame} from "@/assets/js/games/crash/CrashAPI";
+import {ExitAndTakeMoneyFromCrashGame, JoinCrashGame, CrashHistory} from "@/assets/js/games/crash/CrashAPI";
 
 export default {
   components: { HeaderComponent, AsideBarComponent, ChatComponent, CrashGraphComponent },
   data() {
     return {
+      winX,
       SaperNumbers,
       clickedBtn: null,
       ErrorClick: false,
@@ -231,6 +241,10 @@ export default {
           })
     }
   },
+  props: ["payments"],
+  async created() {
+    this.CHistory = await CrashHistory();
+  },
   methods: {
     async updateUserMoney() {
       if (GetCookie('AUTHTOKEN') && GetCookie('SearchToken')) {