From 9f4a58352d32d2f122132bc768e396840f7268b2 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 19 Nov 2022 20:50:25 -0800
Subject: [PATCH] Use song type instead of server

---
 .../features/player/components/left-controls.tsx         | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/renderer/features/player/components/left-controls.tsx b/src/renderer/features/player/components/left-controls.tsx
index 9ca8bca08..356577c37 100644
--- a/src/renderer/features/player/components/left-controls.tsx
+++ b/src/renderer/features/player/components/left-controls.tsx
@@ -6,7 +6,7 @@ import { generatePath, Link } from 'react-router-dom';
 import styled from 'styled-components';
 import { Button, Text } from '@/renderer/components';
 import { AppRoute } from '@/renderer/router/routes';
-import { useAppStore, useAuthStore, usePlayerStore } from '@/renderer/store';
+import { useAppStore, usePlayerStore } from '@/renderer/store';
 import { fadeIn } from '@/renderer/styles';
 import { ServerType } from '@/renderer/types';
 
@@ -53,9 +53,7 @@ const Image = styled(motion(Link))`
 const PlayerbarImage = styled.img`
   width: 100%;
   height: 100%;
-  background-repeat: no-repeat;
-  background-position: 50%;
-  background-size: cover;
+  object-fit: cover;
 `;
 
 const LineItem = styled.div<{ $secondary?: boolean }>`
@@ -75,13 +73,12 @@ const LineItem = styled.div<{ $secondary?: boolean }>`
 export const LeftControls = () => {
   const hideImage = useAppStore((state) => state.sidebar.image);
   const setSidebar = useAppStore((state) => state.setSidebar);
-  const serverType = useAuthStore((state) => state.currentServer?.type);
   const song = usePlayerStore((state) => state.current.song);
 
   const title = song?.name;
 
   const artists =
-    serverType === ServerType.JELLYFIN
+    song?.type === ServerType.JELLYFIN
       ? song?.artists
       : song?.album?.albumArtists;