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 const LiveViewModes = ["auto", "static", "continuous"] as const
export const LiveViewModes = ["auto", "static", "continuous"] as const;
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">
<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">
<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>
@ -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>
@ -217,6 +229,5 @@ export default function GeneralSettingsView() {
</div>
</div>
</>
)
;
);
}