chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

fix(web): make camera latest.jpg responsive

Browse Source
This commit is contained in:
Paul Armstrong
2021-01-25 09:49:00 -08:00
committed by Blake Blackshear
parent 2beb44b591
commit f0f3764992
5 changed files with 63 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/AutoUpdatingCameraImage.jsx
View File

@@ -1,11 +1,10 @@
import { h } from 'preact';
import CameraImage from './CameraImage';
import { ApiHost, Config } from '../context';
import { useCallback, useEffect, useContext, useState } from 'preact/hooks';
export default function AutoUpdatingCameraImage({ camera, searchParams }) {
const config = useContext(Config);
const apiHost = useContext(ApiHost);
const cameraConfig = config.cameras[camera];
const [key, setKey] = useState(Date.now());
useEffect(() => {
@@ -17,11 +16,5 @@ export default function AutoUpdatingCameraImage({ camera, searchParams }) {
};
}, [key, searchParams]);
return (
<img
className="w-full"
src={`${apiHost}/api/${camera}/latest.jpg?cache=${key}&${searchParams}`}
alt={`Auto-updating ${camera} image`}
/>
);
return <CameraImage camera={camera} searchParams={`cache=${key}&${searchParams}`} />;
}