diff --git a/src/frontend/src/features/subtitle/component/CaptionsSettings.tsx b/src/frontend/src/features/subtitle/component/CaptionsSettings.tsx index 51f7c42e..cf35d571 100644 --- a/src/frontend/src/features/subtitle/component/CaptionsSettings.tsx +++ b/src/frontend/src/features/subtitle/component/CaptionsSettings.tsx @@ -10,6 +10,7 @@ import { CAPTION_TEXT_SIZE_OPTIONS, CAPTION_COLOR_OPTIONS, } from '@/stores/accessibility' +import { useAreSubtitlesAvailable } from '../hooks/useAreSubtitlesAvailable' export const CaptionsSettings = () => { const { t } = useTranslation('settings', { @@ -44,6 +45,9 @@ export const CaptionsSettings = () => { [t] ) + const areSubtitlesAvailable = useAreSubtitlesAvailable() + if (!areSubtitlesAvailable) return null + return (