MyFavMirrors/moonfire-nvr
1
0
Fork 0
mirror of https://github.com/scottlamb/moonfire-nvr.git synced 2024-12-25 14:45:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

ADD set search param after selected cam

Browse Source 
Signed-off-by: Damian Krysta <damian@krysta.dev>
This commit is contained in:
Damian Krysta 2022-01-29 22:36:41 +01:00 committed by Scott Lamb
parent 2d517c28dc
commit 3988c3922d
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/Live/Multiview.tsx
View File

@ -9,6 +9,7 @@ import { Camera } from "../types";
import { makeStyles } from "@mui/styles";
import { Theme } from "@mui/material/styles";
import {useSearchParams} from "react-router-dom";
import {isNullOrUndefined} from "util";
export interface Layout {
className: string;
@ -205,13 +206,19 @@ const Monoview = (props: MonoviewProps) => {
const {
target: { value },
} = event;
if (value !== null && value !== undefined) {
setSearchParams(new URLSearchParams({cam: value.toString()}));
} else {
setSearchParams(new URLSearchParams({ }))
}
props.onSelect(typeof value === "string" ? parseInt(value) : value);
};
const fromQueryOrFirst = searchParams.has('cam') ? Number.parseInt(searchParams.get('cam') as string, 10) : 0;
const fromQueryIndexOrNull = searchParams.has('cam') ? Number.parseInt(searchParams.get('cam') as string, 10) : null;
const chooser = (
<Select
value={props.cameraIndex == null ? fromQueryOrFirst: props.cameraIndex}
value={props.cameraIndex == null ? fromQueryIndexOrNull: props.cameraIndex}
onChange={handleChange}
displayEmpty
size="small"
@ -232,7 +239,7 @@ const Monoview = (props: MonoviewProps) => {
</Select>
);
return props.renderCamera(
props.cameraIndex === null ? props.cameras[fromQueryOrFirst] : props.cameras[props.cameraIndex],
props.cameraIndex === null ? fromQueryIndexOrNull === null ? null : props.cameras[fromQueryIndexOrNull] : props.cameras[props.cameraIndex],
chooser
);
};