Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-21 19:07:46 +01:00
Code Issues Projects Releases Wiki Activity

improvement: use useCallback instead of setting ref auto-magically

Browse Source
This commit is contained in:
JohnMark Sill 2022-06-02 14:39:53 -05:00 committed by Blake Blackshear
parent fa95a041dd
commit 37011c2fda
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/HistoryViewer/HistoryVideo.tsx
View File

@ -41,11 +41,16 @@ export const HistoryVideo = ({
videoUrl: '',
});
useEffect(() => {
if (posterLoaded && videoRef.current) {
setVideoHeight(videoRef.current?.offsetHeight);
}
}, [posterLoaded, videoRef.current]);
const videoCallback = useCallback(
(domNode: any) => {
videoRef.current = domNode;
if (posterLoaded) {
setVideoHeight(videoRef.current?.offsetHeight);
}
},
[posterLoaded]
);
useEffect(() => {
const idExists = !isNullOrUndefined(id);
@ -123,7 +128,7 @@ export const HistoryVideo = ({
const { posterUrl, videoUrl } = videoProperties;
return (
<video
ref={videoRef}
ref={videoCallback}
key={posterUrl}
onTimeUpdate={onTimeUpdateHandler}
onPause={onPause}