Run prettier and eslint

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

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];

View File

@ -65,8 +65,7 @@ export default function GeneralSettingsView() {
<> <>
<div className="flex size-full flex-col md:flex-row"> <div className="flex size-full flex-col md:flex-row">
<Toaster position="top-center" closeButton={true} /> <Toaster position="top-center" closeButton={true} />
<div <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">
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"> <Heading as="h3" className="my-2">
General Settings General Settings
</Heading> </Heading>
@ -80,15 +79,28 @@ export default function GeneralSettingsView() {
<div className="mt-2 space-y-6"> <div className="mt-2 space-y-6">
<div className="text-md">Live View Modes</div> <div className="text-md">Live View Modes</div>
<div className="my-2 text-sm text-muted-foreground"> <div className="my-2 text-sm text-muted-foreground">
<p>Live stream behavior:<br/>Auto mode (default) will begin streaming when activity is <p>
detected.<br/>Static mode will update camera images on the live dashboard once per minute.<br/>Continuous mode Live stream behavior:
will stream cameras regardless of activity. Caution: Continuous mode will increase bandwidth usage and may affect performance.</p> <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> </div>
<Select <Select
value={liveViewMode} value={liveViewMode}
onValueChange={(value: LiveViewMode) => setLiveViewMode(value)} onValueChange={(value: LiveViewMode) => setLiveViewMode(value)}
> >
<SelectTrigger className="w-100" style={{textTransform: "capitalize"}}> <SelectTrigger
className="w-100"
style={{ textTransform: "capitalize" }}
>
{liveViewMode} {liveViewMode}
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@ -217,6 +229,5 @@ export default function GeneralSettingsView() {
</div> </div>
</div> </div>
</> </>
) );
;
} }