From fe769b2321e98399813277961e81336ca8f9bfbe Mon Sep 17 00:00:00 2001
From: Kasper Seweryn <github@wvffle.net>
Date: Mon, 13 Mar 2023 13:10:38 +0100
Subject: [PATCH] feat(buffer-progress): use 3d translation

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2346>
---
 front/src/components/Queue.vue        | 2 +-
 front/src/composables/audio/tracks.ts | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index 023563feb..95edf14e1 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -354,7 +354,7 @@ if (!isWebGLSupported) {
               >
                 <div
                   class="buffer bar"
-                  :style="{ 'transform': `translateX(${bufferProgress - 100}%)` }"
+                  :style="{ 'transform': `translate3d(${bufferProgress - 100}%, 0, 0)` }"
                 />
                 <div class="position bar" />
               </div>
diff --git a/front/src/composables/audio/tracks.ts b/front/src/composables/audio/tracks.ts
index a765f8a2f..5490ee591 100644
--- a/front/src/composables/audio/tracks.ts
+++ b/front/src/composables/audio/tracks.ts
@@ -128,8 +128,10 @@ export const useTracks = createGlobalState(() => {
         soundCache.get(currentTrack.value.id)
       }
 
+      // Add track to the sound cache and remove from the promise cache
       soundCache.set(track.id, sound)
       soundPromises.delete(track.id)
+
       return sound
     }