fix: missing icons in video playback controls

Signed-off-by: Fernando Fernández <ferferga@hotmail.com>
jellyfin · Jan 26, 2025 · f55d987 · f55d987
1 parent df5b7a8
commit f55d987
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/frontend/src/components/Playback/MiniVideoPlayer.vue b/frontend/src/components/Playback/MiniVideoPlayer.vue
@@ -10,7 +10,7 @@
         <VBtn
           icon
           @click.passive="playerElement.toggleFullscreenVideoPlayer">
-          <JIcon class="i:mdi-arrow-expand-all" />
+          <JIcon class="i-mdi:arrow-expand-all" />
         </VBtn>
         <VSpacer />
         <VBtn

diff --git a/frontend/src/composables/use-playback.ts b/frontend/src/composables/use-playback.ts
@@ -4,14 +4,10 @@ import { router } from '#/plugins/router';
 import { mediaElementRef } from '#/store';
 import { playbackManager } from '#/store/playback-manager';
 
-interface PlaybackComposableReturn {
-  fullscreen: ReturnType<typeof useFullscreen>;
-}
-
 /**
  * Watchers and handlers that are common to music and video playback
  */
-export function usePlayback(): PlaybackComposableReturn {
+export function usePlayback() {
   watch(() => playbackManager.currentItem, () => {
     if (!playbackManager.currentItem.value) {
       router.back();

diff --git a/frontend/src/pages/playback/video.vue b/frontend/src/pages/playback/video.vue
@@ -15,11 +15,15 @@
         <div class="d-flex align-center py-2 px-4">
           <div class="d-flex">
             <VBtn
-              icon="i-mdi:close"
-              @click="playbackManager.stop" />
+              icon
+              @click="playbackManager.stop">
+              <JIcon class="i-mdi:close" />
+            </VBtn>
             <VBtn
-              icon="i-mdi:chevron-down"
-              @click="playerElement.toggleFullscreenVideoPlayer" />
+              icon
+              @click="playerElement.toggleFullscreenVideoPlayer">
+              <JIcon class="i-mdi:chevron-down" />
+            </VBtn>
           </div>
           <div class="d-flex ml-auto">
             <CastButton />