Change LiveViewModes to lowercase strings

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

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

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

View File

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

View File

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