pass 'cost' into effect instead of costInfo

This commit is contained in:
Sean Yesmunt 2019-08-28 23:24:04 -04:00
parent dd5c1ca7e8
commit 2470abae5c

View file

@ -41,7 +41,7 @@ export default function FileViewer(props: Props) {
hasCostInfo, hasCostInfo,
costInfo, costInfo,
} = props; } = props;
const cost = costInfo && costInfo.cost;
const isPlayable = ['audio', 'video'].indexOf(mediaType) !== -1; const isPlayable = ['audio', 'video'].indexOf(mediaType) !== -1;
const fileStatus = fileInfo && fileInfo.status; const fileStatus = fileInfo && fileInfo.status;
@ -79,10 +79,10 @@ export default function FileViewer(props: Props) {
useEffect(() => { useEffect(() => {
const videoOnPage = document.querySelector('video'); const videoOnPage = document.querySelector('video');
if (autoplay && !videoOnPage && isStreamable && hasCostInfo && costInfo.cost === 0) { if (autoplay && !videoOnPage && isStreamable && hasCostInfo && cost === 0) {
viewFile(); viewFile();
} }
}, [autoplay, viewFile, isStreamable, hasCostInfo, costInfo]); }, [autoplay, viewFile, isStreamable, hasCostInfo, cost]);
return ( return (
<div <div