все добавил но звук не работае как и кнопка мута чата , история платежей тоже говно работет

luckydiamond/src/pages/HomePage.vue

@@ -81,7 +81,7 @@
               <ul>
                 <li v-for="mode in twolinefirstelementGameMode" :key="mode">
                   <div :class="'linecontent-' + mode.id">
-                    <h3 class="title-twoline">{{ mode.title }}</h3>
+                    <h3 class="title-twoline">скоро</h3>
                   </div>
                   <div class="container">
                     <a href="#" class="line__btn"

luckydiamond/src/pages/ProfilePage.vue

@@ -13,6 +13,7 @@
       </div>
       <div class="profile__btns--payments">
         <a href="#" class="text-btn btn-bg btn-margin btn-display" @click="depositClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-deposit.svg"> Пополнить</a>
+        <a href="#" class="withdraw text-btn btn-bg btn-display" @click="claimDataDeposit(1000)"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
         <a href="#" class="withdraw text-btn btn-bg btn-display" @click="withdrawClick"><img class="icon-margin-deposit-withdraw" src="@/assets/icons-profile/icon-withdraw.png"> Вывести</a>
       </div>
     </div>
@@ -32,6 +33,7 @@
           </div>
           <div class="types-line"></div>
         </div>
+        <div class="hisorypaymond">
         <div class="payments__history">
           <div class="payments__card" v-for="payment in arrayHistory" :key="payment.id">
             <div class="user-info">
@@ -49,9 +51,10 @@
             <div class="transaction-info transaction-info__text" :class="{ 'withdraw-color': payment.amount < 0, 'deposit-color': payment.amount > 0 }">
               <h3>{{ payment.amount }} АР</h3>
             </div>
-            
           </div>
-        </div>
+          </div>
+        
+      </div>
       </div>
     </div>
   </section>
@@ -110,7 +113,7 @@ export default {
       });
     })
     .catch(error => {
-      console.error('Error fetching payment history:', error);
+      console.error('Error fetching hisorypaymond:', error);
     });
     this.username = GetCookie('SpUserName')
     GetCurrentMoney(GetCookie('AUTHTOKEN'), GetCookie('SearchToken'))

luckydiamond/src/pages/SettingsPage.vue

@@ -6,7 +6,16 @@
 
     <header-component></header-component>
 
-  <section class="settings"></section>
+  <section class="settings">
+    
+     <div id="volume-control">
+    <button id="volume-up" @click="volumeUp">+</button>
+    <button id="volume-down" @click="volumeDown">-</button>
+  </div>
+    
+    
+
+  </section>
     
   </div>
 </template>
@@ -19,10 +28,42 @@ import HeaderComponent from "@/components/HeaderComponent.vue";
 import '@/assets/css/PagesStyles/settings.css'
 export default {
   components: {
-  ChatComponent,
-  HeaderComponent,
-  AsideBarComponent
-}
+    ChatComponent,
+    HeaderComponent,
+    AsideBarComponent
+  },
+  methods: {
+    volumeUp() {
+      var volume = document.getElementById("volume-indicator").value;
+      if (volume) {
+        volume += 10;
 
+        if (volume > 100) {
+          volume = 100;
+        }
+
+        document.getElementById("volume-indicator").value = volume;
+      } else {
+        console.error("Element with id 'volume-indicator' not found or does not have a value property.");
+      }
+    },
+    // остальной код метода volumeDown()
+  
+    volumeDown() {
+      // Получить текущий уровень громкости
+      var volume = document.getElementById("volume-indicator").value;
+
+      // Уменьшить уровень громкости на 10%
+      volume -= 10;
+
+      // Убедиться, что уровень громкости не ниже 0%
+      if (volume < 0) {
+        volume = 0;
+      }
+
+      // Установить новый уровень громкости
+      document.getElementById("volume-indicator").value = volume;
+    },
+  },
 }
 </script>