From 1662abea20de8a08cbf0ec3e6f120b25d24a30a7 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Wed, 4 Oct 2023 12:10:32 +0300
Subject: [PATCH] new buffer implementation

---
 src/routes/Player/BufferingLoader/styles.less | 18 +++++++++++++++---
 src/routes/Player/Player.js                   |  2 +-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/routes/Player/BufferingLoader/styles.less b/src/routes/Player/BufferingLoader/styles.less
index 5b60eee14..68bc83ff3 100644
--- a/src/routes/Player/BufferingLoader/styles.less
+++ b/src/routes/Player/BufferingLoader/styles.less
@@ -7,7 +7,19 @@
 
     .buffering-loader {
         flex: none;
-        width: 10rem;
-        height: 10rem;
+        max-width: 15rem;
+        max-height: 15rem;
+        animation: fadeInOut 2s infinite; 
+        display: block; 
+        width: auto;
+        height: auto; 
     }
-}
\ No newline at end of file
+    
+}
+
+
+@keyframes fadeInOut {
+    0%   { opacity: 0.2; }
+    50%  { opacity: 1; }
+    100% { opacity: 0.2; }
+}
diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 09f5a7728..cfdbaf4ce 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -631,7 +631,7 @@ const Player = ({ urlParams, queryParams }) => {
             />
             {
                 videoState.buffering ?
-                    <BufferingLoader className={styles['layer']} />
+                    <BufferingLoader className={styles['layer']} logo={player?.metaItem?.content?.logo} />
                     :
                     null
             }