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

Run prettier and eslint

Browse Source
This commit is contained in:
kensand 2024-07-30 22:11:55 -04:00
parent ae4546341f
commit 4a376e91eb
3 changed files with 88 additions and 77 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 const LiveViewModes = ["auto", "static", "continuous"] as const
export const LiveViewModes = ["auto", "static", "continuous"] as const;
export type LiveViewMode = (typeof LiveViewModes)[number];

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

@ -28,7 +28,7 @@ import DraggableGridLayout from "./DraggableGridLayout";
import { IoClose } from "react-icons/io5";
import { LuLayoutDashboard } from "react-icons/lu";
import { cn } from "@/lib/utils";
import {LivePlayerError, LivePlayerMode, LiveViewMode} from "@/types/live";
import { LivePlayerError, LivePlayerMode, LiveViewMode } from "@/types/live";
import { FaCompress, FaExpand } from "react-icons/fa";
import { useResizeObserver } from "@/hooks/resize-observer";

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

@ -64,14 +64,13 @@ export default function GeneralSettingsView() {
return (
<>
<div className="flex size-full flex-col md:flex-row">
<Toaster position="top-center" closeButton={true}/>
<div
className="scrollbar-container order-last mb-10 mt-2 flex h-full w-full flex-col overflow-y-auto rounded-lg border-[1px] border-secondary-foreground bg-background_alt p-2 md:order-none md:mb-0 md:mr-2 md:mt-0">
<Toaster position="top-center" closeButton={true} />
<div className="scrollbar-container order-last mb-10 mt-2 flex h-full w-full flex-col overflow-y-auto rounded-lg border-[1px] border-secondary-foreground bg-background_alt p-2 md:order-none md:mb-0 md:mr-2 md:mt-0">
<Heading as="h3" className="my-2">
General Settings
</Heading>
<Separator className="my-2 flex bg-secondary"/>
<Separator className="my-2 flex bg-secondary" />
<Heading as="h4" className="my-2">
Live Dashboard
@ -80,15 +79,28 @@ export default function GeneralSettingsView() {
<div className="mt-2 space-y-6">
<div className="text-md">Live View Modes</div>
<div className="my-2 text-sm text-muted-foreground">
<p>Live stream behavior:<br/>Auto mode (default) will begin streaming when activity is
detected.<br/>Static mode will update camera images on the live dashboard once per minute.<br/>Continuous mode
will stream cameras regardless of activity. Caution: Continuous mode will increase bandwidth usage and may affect performance.</p>
<p>
Live stream behavior:
<br />
Auto mode (default) will begin streaming when activity is
detected.
<br />
Static mode will update camera images on the live dashboard once
per minute.
<br />
Continuous mode will stream cameras regardless of activity.
Caution: Continuous mode will increase bandwidth usage and may
affect performance.
</p>
</div>
<Select
value={liveViewMode}
onValueChange={(value: LiveViewMode) => setLiveViewMode(value)}
>
<SelectTrigger className="w-100" style={{textTransform: "capitalize"}}>
<SelectTrigger
className="w-100"
style={{ textTransform: "capitalize" }}
>
{liveViewMode}
</SelectTrigger>
<SelectContent>
@ -98,7 +110,7 @@ export default function GeneralSettingsView() {
key={mode}
className="cursor-pointer"
value={mode}
style={{textTransform: "capitalize"}}
style={{ textTransform: "capitalize" }}
>
{mode}
</SelectItem>
@ -142,7 +154,7 @@ export default function GeneralSettingsView() {
<Button onClick={clearStoredLayouts}>Clear All Layouts</Button>
</div>
<Separator className="my-2 flex bg-secondary"/>
<Separator className="my-2 flex bg-secondary" />
<Heading as="h4" className="my-2">
Recordings Viewer
@ -177,7 +189,7 @@ export default function GeneralSettingsView() {
</SelectGroup>
</SelectContent>
</Select>
<Separator className="my-2 flex bg-secondary"/>
<Separator className="my-2 flex bg-secondary" />
<Heading as="h4" className="my-2">
Calendar
@ -212,11 +224,10 @@ export default function GeneralSettingsView() {
</SelectGroup>
</SelectContent>
</Select>
<Separator className="my-2 flex bg-secondary"/>
<Separator className="my-2 flex bg-secondary" />
</div>
</div>
</div>
</>
)
;
</div>
</>
);
}