Refactor menu handling

This commit is contained in:
Nicolas Mowen 2025-09-29 13:27:18 -06:00
parent cd8adcaaf4
commit 223b9bad77

View File

@ -507,7 +507,7 @@ export default function LiveCameraView({
)}
</Button>
)}
{supportsFullscreen && (
{supportsFullscreen && !debug && (
<CameraFeatureToggle
className="p-2 md:p-0"
variant={fullscreen ? "overlay" : "primary"}
@ -521,7 +521,10 @@ export default function LiveCameraView({
onClick={toggleFullscreen}
/>
)}
{!isIOS && !isFirefox && preferredLiveMode != "jsmpeg" && (
{!isIOS &&
!isFirefox &&
!debug &&
preferredLiveMode != "jsmpeg" && (
<CameraFeatureToggle
className="p-2 md:p-0"
variant={fullscreen ? "overlay" : "primary"}
@ -543,7 +546,7 @@ export default function LiveCameraView({
disabled={!cameraEnabled}
/>
)}
{supports2WayTalk && (
{supports2WayTalk && !debug && (
<CameraFeatureToggle
className="p-2 md:p-0"
variant={fullscreen ? "overlay" : "primary"}
@ -563,7 +566,7 @@ export default function LiveCameraView({
disabled={!cameraEnabled}
/>
)}
{supportsAudioOutput && preferredLiveMode != "jsmpeg" && (
{supportsAudioOutput && !debug && preferredLiveMode != "jsmpeg" && (
<CameraFeatureToggle
className="p-2 md:p-0"
variant={fullscreen ? "overlay" : "primary"}
@ -888,17 +891,21 @@ function FrigateCameraFeatures({
<>
{isAdmin && (
<>
{!debug && (
<CameraFeatureToggle
className="p-2 md:p-0"
variant={fullscreen ? "overlay" : "primary"}
Icon={enabledState == "ON" ? LuPower : LuPowerOff}
isActive={enabledState == "ON"}
title={
enabledState == "ON" ? t("camera.disable") : t("camera.enable")
enabledState == "ON"
? t("camera.disable")
: t("camera.enable")
}
onClick={() => sendEnabled(enabledState == "ON" ? "OFF" : "ON")}
disabled={false}
/>
)}
<CameraFeatureToggle
className="p-2 md:p-0"
variant={fullscreen ? "overlay" : "primary"}
@ -993,6 +1000,7 @@ function FrigateCameraFeatures({
)}
</>
)}
{!debug && (
<CameraFeatureToggle
className={cn(
"p-2 md:p-0",
@ -1005,6 +1013,7 @@ function FrigateCameraFeatures({
onClick={handleEventButtonClick}
disabled={!cameraEnabled}
/>
)}
<DropdownMenu modal={false}>
<DropdownMenuTrigger>
@ -1069,6 +1078,7 @@ function FrigateCameraFeatures({
</Label>
<Select
value={streamName}
disabled={debug}
onValueChange={(value) => {
setStreamName?.(value);
}}
@ -1098,7 +1108,9 @@ function FrigateCameraFeatures({
</SelectContent>
</Select>
{preferredLiveMode != "jsmpeg" && isRestreamed && (
{preferredLiveMode != "jsmpeg" &&
!debug &&
isRestreamed && (
<div className="flex flex-row items-center gap-1 text-sm text-muted-foreground">
{supportsAudioOutput ? (
<>
@ -1140,6 +1152,7 @@ function FrigateCameraFeatures({
</div>
)}
{preferredLiveMode != "jsmpeg" &&
!debug &&
isRestreamed &&
supportsAudioOutput && (
<div className="flex flex-row items-center gap-1 text-sm text-muted-foreground">
@ -1185,7 +1198,9 @@ function FrigateCameraFeatures({
</div>
)}
{preferredLiveMode == "jsmpeg" && isRestreamed && (
{preferredLiveMode == "jsmpeg" &&
!debug &&
isRestreamed && (
<div className="flex flex-col items-center gap-3">
<div className="flex flex-row items-center gap-2">
<IoIosWarning className="mr-1 size-8 text-danger" />
@ -1210,7 +1225,7 @@ function FrigateCameraFeatures({
)}
</div>
)}
{isRestreamed && (
{isRestreamed && !debug && (
<div className="flex flex-col gap-1">
<div className="flex items-center justify-between">
<Label
@ -1246,6 +1261,7 @@ function FrigateCameraFeatures({
<Switch
className="ml-1"
id="showstats"
disabled={debug}
checked={showStats}
onCheckedChange={(checked) => setShowStats(checked)}
/>