administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-13 06:35:24 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Change LiveViewModes to lowercase strings

Browse Source
This commit is contained in:
kensand 2024-07-30 22:10:36 -04:00
parent 467fe2b87e
commit ae4546341f
4 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/types/live.ts
View File

@ -33,5 +33,5 @@ export type LiveStreamMetadata = {
export type LivePlayerError = "stalled" | "startup" | "mse-decode"; export type LivePlayerError = "stalled" | "startup" | "mse-decode";
export const LiveViewModes = ["Auto", "Static", "Continuous"] as const export const LiveViewModes = ["auto", "static", "continuous"] as const
export type LiveViewMode = (typeof LiveViewModes)[number]; export type LiveViewMode = (typeof LiveViewModes)[number];

6
web/src/views/live/DraggableGridLayout.tsx
View File

@ -77,7 +77,7 @@ export default function DraggableGridLayout({
const [preferredLiveModes, setPreferredLiveModes] = useState<{ const [preferredLiveModes, setPreferredLiveModes] = useState<{
[key: string]: LivePlayerMode; [key: string]: LivePlayerMode;
}>({}); }>({});
const [liveViewMode] = usePersistence<LiveViewMode>("liveViewMode", "Auto"); const [liveViewMode] = usePersistence<LiveViewMode>("liveViewMode", "auto");
useEffect(() => { useEffect(() => {
if (!cameras) return; if (!cameras) return;
@ -680,8 +680,8 @@ const LivePlayerGridItem = React.forwardRef<
onClick={onClick} onClick={onClick}
onError={onError} onError={onError}
containerRef={ref as React.RefObject<HTMLDivElement>} containerRef={ref as React.RefObject<HTMLDivElement>}
autoLive={liveViewMode == "Auto" || liveViewMode == "Continuous"} autoLive={liveViewMode != "static"}
showStillWithoutActivity={liveViewMode != "Continuous"} showStillWithoutActivity={liveViewMode != "continuous"}
/> />
{children} {children}
</div> </div>

8
web/src/views/live/LiveDashboardView.tsx
View File

@ -128,7 +128,7 @@ export default function LiveDashboardView({
// camera live views // camera live views
const [liveViewMode] = usePersistence<LiveViewMode>("liveViewMode", "Auto"); const [liveViewMode] = usePersistence<LiveViewMode>("liveViewMode", "auto");
const [preferredLiveModes, setPreferredLiveModes] = useState<{ const [preferredLiveModes, setPreferredLiveModes] = useState<{
[key: string]: LivePlayerMode; [key: string]: LivePlayerMode;
}>({}); }>({});
@ -377,10 +377,8 @@ export default function LiveDashboardView({
} }
cameraConfig={camera} cameraConfig={camera}
preferredLiveMode={preferredLiveModes[camera.name] ?? "mse"} preferredLiveMode={preferredLiveModes[camera.name] ?? "mse"}
autoLive={ autoLive={liveViewMode != "static"}
liveViewMode == "Auto" || liveViewMode == "Continuous" showStillWithoutActivity={liveViewMode != "continuous"}
}
showStillWithoutActivity={liveViewMode != "Continuous"}
onClick={() => onSelectCamera(camera.name)} onClick={() => onSelectCamera(camera.name)}
onError={(e) => handleError(camera.name, e)} onError={(e) => handleError(camera.name, e)}
/> />

5
web/src/views/settings/GeneralSettingsView.tsx
View File

@ -55,7 +55,7 @@ export default function GeneralSettingsView() {
const [liveViewMode, setLiveViewMode] = usePersistence<LiveViewMode>( const [liveViewMode, setLiveViewMode] = usePersistence<LiveViewMode>(
"liveViewMode", "liveViewMode",
"Auto", "auto",
); );
const [playbackRate, setPlaybackRate] = usePersistence("playbackRate", 1); const [playbackRate, setPlaybackRate] = usePersistence("playbackRate", 1);
const [weekStartsOn, setWeekStartsOn] = usePersistence("weekStartsOn", 0); const [weekStartsOn, setWeekStartsOn] = usePersistence("weekStartsOn", 0);
@ -88,7 +88,7 @@ export default function GeneralSettingsView() {
value={liveViewMode} value={liveViewMode}
onValueChange={(value: LiveViewMode) => setLiveViewMode(value)} onValueChange={(value: LiveViewMode) => setLiveViewMode(value)}
> >
<SelectTrigger className="w-100"> <SelectTrigger className="w-100" style={{textTransform: "capitalize"}}>
{liveViewMode} {liveViewMode}
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@ -98,6 +98,7 @@ export default function GeneralSettingsView() {
key={mode} key={mode}
className="cursor-pointer" className="cursor-pointer"
value={mode} value={mode}
style={{textTransform: "capitalize"}}
> >
{mode} {mode}
</SelectItem> </SelectItem>