diff --git a/src/apps/dashboard/features/devices/components/DeviceCard.tsx b/src/apps/dashboard/features/devices/components/DeviceCard.tsx index 1ee65f8d7..872857f88 100644 --- a/src/apps/dashboard/features/devices/components/DeviceCard.tsx +++ b/src/apps/dashboard/features/devices/components/DeviceCard.tsx @@ -130,7 +130,8 @@ const DeviceCard = ({ device }: DeviceCardProps) => { getDeviceIcon(device) ), [ device ]); - const canControl = device.ServerId && device.NowPlayingItem && device.SupportsRemoteControl; + const canControl = device.ServerId && device.SupportsRemoteControl; + const isPlayingMedia = !!device.NowPlayingItem; return ( @@ -219,7 +220,7 @@ const DeviceCard = ({ device }: DeviceCardProps) => { )} - {canControl && ( + {canControl && isPlayingMedia && ( <> {device.PlayState?.IsPaused ? : } @@ -227,14 +228,18 @@ const DeviceCard = ({ device }: DeviceCardProps) => { - - - )} - - - + {isPlayingMedia && ( + + + + )} + {canControl && ( + + + + )} {device.UserName && (