only show audio debug tab when audio is enabled in config

This commit is contained in:
Josh Hawkins 2026-05-12 15:51:18 -05:00
parent c6b355bd7c
commit 689f580d1a

View File

@ -33,6 +33,7 @@ import { getTranslatedLabel } from "@/utils/i18n";
import { useCameraFriendlyName } from "@/hooks/use-camera-friendly-name"; import { useCameraFriendlyName } from "@/hooks/use-camera-friendly-name";
import { AudioLevelGraph } from "@/components/audio/AudioLevelGraph"; import { AudioLevelGraph } from "@/components/audio/AudioLevelGraph";
import { useWs } from "@/api/ws"; import { useWs } from "@/api/ws";
import { cn } from "@/lib/utils";
type ObjectSettingsViewProps = { type ObjectSettingsViewProps = {
selectedCamera?: string; selectedCamera?: string;
@ -200,15 +201,18 @@ export default function ObjectSettingsView({
<Tabs defaultValue="debug" className="w-full"> <Tabs defaultValue="debug" className="w-full">
<TabsList <TabsList
className={`grid w-full ${cameraConfig.ffmpeg.inputs.some((input) => input.roles.includes("audio")) ? "grid-cols-3" : "grid-cols-2"}`} className={cn(
"grid w-full",
cameraConfig.audio.enabled_in_config
? "grid-cols-3"
: "grid-cols-2",
)}
> >
<TabsTrigger value="debug">{t("debug.debugging")}</TabsTrigger> <TabsTrigger value="debug">{t("debug.debugging")}</TabsTrigger>
<TabsTrigger value="objectlist"> <TabsTrigger value="objectlist">
{t("debug.objectList")} {t("debug.objectList")}
</TabsTrigger> </TabsTrigger>
{cameraConfig.ffmpeg.inputs.some((input) => {cameraConfig.audio.enabled_in_config && (
input.roles.includes("audio"),
) && (
<TabsTrigger value="audio">{t("debug.audio.title")}</TabsTrigger> <TabsTrigger value="audio">{t("debug.audio.title")}</TabsTrigger>
)} )}
</TabsList> </TabsList>
@ -325,9 +329,7 @@ export default function ObjectSettingsView({
<TabsContent value="objectlist"> <TabsContent value="objectlist">
<ObjectList cameraConfig={cameraConfig} objects={memoizedObjects} /> <ObjectList cameraConfig={cameraConfig} objects={memoizedObjects} />
</TabsContent> </TabsContent>
{cameraConfig.ffmpeg.inputs.some((input) => {cameraConfig.audio.enabled_in_config && (
input.roles.includes("audio"),
) && (
<TabsContent value="audio"> <TabsContent value="audio">
<AudioList <AudioList
cameraConfig={cameraConfig} cameraConfig={cameraConfig}