diff --git a/frontend/src/components/PlexPlayer.tsx b/frontend/src/components/PlexPlayer.tsx index 108ca1a3..1fe3eef3 100644 --- a/frontend/src/components/PlexPlayer.tsx +++ b/frontend/src/components/PlexPlayer.tsx @@ -2,6 +2,7 @@ import { Fragment, lazy, Suspense, useCallback, useEffect, useRef, useState } fr import { qk } from "../lib/queryKeys"; import { createPortal } from "react-dom"; import { useTranslation } from "react-i18next"; +import { plexLang } from "../i18n"; import { useQuery, useQueryClient } from "@tanstack/react-query"; import Hls from "hls.js"; import { @@ -77,7 +78,12 @@ export default function PlexPlayer({ itemId, onClose, queue }: Props) { tRef.current = t; const qc = useQueryClient(); const [id, setId] = useState(itemId); - const detailQ = useQuery({ queryKey: qk.plexItem(id), queryFn: () => api.plexItem(id) }); + // Serve the player's title/summary/rich detail in the active language (E5 S6), matching the grid. + const lang = plexLang(); + const detailQ = useQuery({ + queryKey: qk.plexItem(id, lang), + queryFn: () => api.plexItem(id, lang), + }); const detail = detailQ.data; const duration = detail?.duration_seconds ?? 0;