Always show options

This commit is contained in:
Nicolas Mowen 2025-09-29 14:57:24 -06:00
parent 27f7cb5d93
commit 7f12cfe281

View File

@ -1213,7 +1213,7 @@ function FrigateCameraFeatures({
)} )}
</div> </div>
)} )}
{isRestreamed && !debug && ( {isRestreamed && (
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<Label <Label
@ -1225,6 +1225,7 @@ function FrigateCameraFeatures({
<Switch <Switch
className="ml-1" className="ml-1"
id="backgroundplay" id="backgroundplay"
disabled={debug}
checked={playInBackground} checked={playInBackground}
onCheckedChange={(checked) => onCheckedChange={(checked) =>
setPlayInBackground(checked) setPlayInBackground(checked)
@ -1524,11 +1525,10 @@ function FrigateCameraFeatures({
)} )}
</div> </div>
)} )}
{preferredLiveMode == "jsmpeg" && !debug && isRestreamed && ( {preferredLiveMode == "jsmpeg" && isRestreamed && (
<div className="mt-2 flex flex-col items-center gap-3"> <div className="mt-2 flex flex-col items-center gap-3">
<div className="flex flex-row items-center gap-2"> <div className="flex flex-row items-center gap-2">
<IoIosWarning className="mr-1 size-8 text-danger" /> <IoIosWarning className="mr-1 size-8 text-danger" />
<p className="text-sm">{t("stream.lowBandwidth.tips")}</p> <p className="text-sm">{t("stream.lowBandwidth.tips")}</p>
</div> </div>
<Button <Button
@ -1536,6 +1536,7 @@ function FrigateCameraFeatures({
aria-label={t("stream.lowBandwidth.resetStream")} aria-label={t("stream.lowBandwidth.resetStream")}
variant="outline" variant="outline"
size="sm" size="sm"
disabled={debug}
onClick={() => setLowBandwidth(false)} onClick={() => setLowBandwidth(false)}
> >
<MdOutlineRestartAlt className="size-5 text-primary-variant" /> <MdOutlineRestartAlt className="size-5 text-primary-variant" />
@ -1565,7 +1566,7 @@ function FrigateCameraFeatures({
{t("manualRecording.tips")} {t("manualRecording.tips")}
</p> </p>
</div> </div>
{isRestreamed && !debug && ( {isRestreamed && (
<> <>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<FilterSwitch <FilterSwitch
@ -1574,6 +1575,7 @@ function FrigateCameraFeatures({
onCheckedChange={(checked) => { onCheckedChange={(checked) => {
setPlayInBackground(checked); setPlayInBackground(checked);
}} }}
disabled={debug}
/> />
<p className="mx-2 -mt-2 text-sm text-muted-foreground"> <p className="mx-2 -mt-2 text-sm text-muted-foreground">
{t("manualRecording.playInBackground.desc")} {t("manualRecording.playInBackground.desc")}
@ -1586,6 +1588,7 @@ function FrigateCameraFeatures({
onCheckedChange={(checked) => { onCheckedChange={(checked) => {
setShowStats(checked); setShowStats(checked);
}} }}
disabled={debug}
/> />
<p className="mx-2 -mt-2 text-sm text-muted-foreground"> <p className="mx-2 -mt-2 text-sm text-muted-foreground">
{t("manualRecording.showStats.desc")} {t("manualRecording.showStats.desc")}