diff --git a/src/video/components/actions/CaptionRendererAction.tsx b/src/video/components/actions/CaptionRendererAction.tsx index 343bdbaf..a5a77a02 100644 --- a/src/video/components/actions/CaptionRendererAction.tsx +++ b/src/video/components/actions/CaptionRendererAction.tsx @@ -53,7 +53,7 @@ export function CaptionRendererAction({ const videoTime = useProgress(descriptor).time; const { captionSettings, setCaptionDelay } = useSettings(); const captions = useRef([]); - const casting = getPlayerState(descriptor).casting.isCasting; + const isCasting = getPlayerState(descriptor).casting.isCasting; const captionSetRef = useRef<(delay: number) => void>(setCaptionDelay); useEffect(() => { @@ -98,7 +98,7 @@ export function CaptionRendererAction({ }, [] ); - if (casting) return null; + if (isCasting) return null; if (!captions.current.length) return null; const visibileCaptions = captions.current.filter(({ start, end }) => isVisible(start, end, captionSettings.delay, videoTime) diff --git a/src/video/components/actions/ProgressAction.tsx b/src/video/components/actions/ProgressAction.tsx index 82c56a8f..be3d4305 100644 --- a/src/video/components/actions/ProgressAction.tsx +++ b/src/video/components/actions/ProgressAction.tsx @@ -22,7 +22,7 @@ export function ProgressAction() { const controlRef = useRef(controls); const [hoverPosition, setHoverPosition] = useState(0); const [isThumbnailVisible, setIsThumbnailVisible] = useState(false); - const casting = getPlayerState(descriptor).casting.isCasting; + const isCasting = getPlayerState(descriptor).casting.isCasting; const onMouseOver = useCallback((e: MouseActivity) => { setHoverPosition(e.clientX); setIsThumbnailVisible(true); @@ -107,7 +107,7 @@ export function ProgressAction() { - {isThumbnailVisible && !casting ? ( + {isThumbnailVisible && !isCasting ? (