From 17e97b3a6a0c085183cc2ae3795a4594f2a6f474 Mon Sep 17 00:00:00 2001
From: FoxxMD <FoxxMD@users.noreply.github.com>
Date: Mon, 6 Jul 2026 18:18:58 +0000
Subject: [PATCH] fix(ui): Fix now playing mode for player on client component
 details

---
 src/client/components/msComponent/MSComponentDetailed.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/client/components/msComponent/MSComponentDetailed.tsx b/src/client/components/msComponent/MSComponentDetailed.tsx
index 3cb6ef27..80a656e1 100644
--- a/src/client/components/msComponent/MSComponentDetailed.tsx
+++ b/src/client/components/msComponent/MSComponentDetailed.tsx
@@ -170,7 +170,8 @@ export const ComponentStateBadgeActionable = (props: Omit<ComponentProps<typeof
 export const ComponentDetailedDesktop = (props: {data?: ComponentCommonApiJson, live?: boolean}) => {
     let sleepingRender: React.JSX.Element = null;
     const {data} = props;
-    if(isComponentSourceApiJson(data)) {
+    const isSource = isComponentSourceApiJson(data)
+    if(isSource) {
         const {
             sleeping,
             wakeAt
@@ -207,7 +208,7 @@ export const ComponentDetailedDesktop = (props: {data?: ComponentCommonApiJson,
             <Flex justifyContent="flex-end" rowGap="6" flexDirection="row-reverse" wrap="wrap">
                 <Box marginEnd="auto"><MSComponentStats {...props}/></Box>
             </Flex>
-            {props.live ? <PlayersContainerFetchable data={props.data}/> : <PlayersContainer data={props.data} live={props.live}/>}
+            {props.live ? <PlayersContainerFetchable nowPlaying={isSource ? undefined : true} data={props.data}/> : <PlayersContainer nowPlaying={isSource ? undefined : true} data={props.data} live={props.live}/>}
             <Heading size="3xl" width="100%">{isComponentTypeSource(props.data.mode) ? 'Plays' : 'Scrobbles'}</Heading>
             <ListContainerFilterable render="virtDynamic" componentType={props.data.mode} componentId={props.data.id}/>
         </Flex>
-- 
2.51.2