From 2f9cf0307ab36ea4648dd7faa904926791426b87 Mon Sep 17 00:00:00 2001
From: Norbaev <timnrbv@gmail.com>
Date: Fri, 28 Jun 2024 18:10:55 +0500
Subject: [PATCH] =?UTF-8?q?=D0=90=D1=82=D1=80=D0=B8=D0=B1=D1=83=D1=82=20in?=
 =?UTF-8?q?put=20range=20=D0=BE=D0=BA=D0=B0=D0=B7=D0=B0=D0=BB=D1=81=D1=8F?=
 =?UTF-8?q?=20=D1=81=D1=82=D1=80=D0=BE=D0=BA=D0=BE=D0=B9.=20TypeScript=20?=
 =?UTF-8?q?=D0=B4=D0=B0=D0=B9=20=D0=BC=D0=BD=D0=B5=20=D1=81=D0=B8=D0=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/player.vue | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/client/src/components/player.vue b/client/src/components/player.vue
index 25d48ca..3c67b0c 100644
--- a/client/src/components/player.vue
+++ b/client/src/components/player.vue
@@ -55,14 +55,7 @@
           />
           <q-skeleton v-if="loaderPlay" class="player__tools m--skeleton" />
           <div v-else class="player__volume">
-            <span
-              @click="toggleVolume"
-              :class="
-                this.songVolume === 0
-                  ? 'player__volume-off'
-                  : 'player__volume-on'
-              "
-            />
+            <span ref="volumeIcon" @click="toggleVolume" :class="volumeClass" />
             <input
               type="range"
               min="0"
@@ -136,6 +129,9 @@ export default {
     loaderPlay() {
       return this.$store.state.currentPlay.isLoader;
     },
+    volumeClass() {
+      return this.songVolume == 0 ? 'player__volume-off' : 'player__volume-on';
+    },
   },
   watch: {
     currentPlay: {