Fix formatting

This commit is contained in:
Nicolas Mowen 2024-05-18 13:57:23 -06:00
parent dc17791758
commit b63ec42942
4 changed files with 22 additions and 16 deletions

View File

@ -116,7 +116,7 @@ export default function Statusbar() {
); );
})} })}
</div> </div>
<div className="flex h-full items-center gap-2 max-w-[50%] overflow-x-auto no-scrollbar"> <div className="no-scrollbar flex h-full max-w-[50%] items-center gap-2 overflow-x-auto">
{Object.entries(messages).length === 0 ? ( {Object.entries(messages).length === 0 ? (
<div className="flex items-center gap-2 text-sm"> <div className="flex items-center gap-2 text-sm">
<FaCheck className="size-3 text-green-500" /> <FaCheck className="size-3 text-green-500" />
@ -129,7 +129,7 @@ export default function Statusbar() {
const message = ( const message = (
<div <div
key={text} key={text}
className={`flex items-center gap-2 text-sm whitespace-nowrap ${link ? "cursor-pointer hover:underline" : ""}`} className={`flex items-center gap-2 whitespace-nowrap text-sm ${link ? "cursor-pointer hover:underline" : ""}`}
> >
<IoIosWarning <IoIosWarning
className={`size-5 ${color || "text-danger"}`} className={`size-5 ${color || "text-danger"}`}

View File

@ -82,10 +82,10 @@ export default function PreviewPlayer({
} }
return ( return (
<div className="size-full flex items-center justify-center rounded-lg text-white md:rounded-2xl"> <div className="flex size-full items-center justify-center rounded-lg text-white md:rounded-2xl">
No Preview Found No Preview Found
</div> </div>
) );
} }
export abstract class PreviewController { export abstract class PreviewController {

View File

@ -51,7 +51,7 @@ export default function useStats(stats: FrigateStats | undefined) {
return; return;
} }
if (config.cameras[name].enabled && (cam["camera_fps"] == 0)) { if (config.cameras[name].enabled && cam["camera_fps"] == 0) {
problems.push({ problems.push({
text: `${capitalizeFirstLetter(name.replaceAll("_", " "))} is offline`, text: `${capitalizeFirstLetter(name.replaceAll("_", " "))} is offline`,
color: "text-danger", color: "text-danger",

View File

@ -101,7 +101,9 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
return ( return (
cameraMetadata.producers.find( cameraMetadata.producers.find(
(prod) => (prod) =>
prod.medias && prod.medias.find((media) => media.includes("audio, sendonly")) != undefined, prod.medias &&
prod.medias.find((media) => media.includes("audio, sendonly")) !=
undefined,
) != undefined ) != undefined
); );
}, [cameraMetadata]); }, [cameraMetadata]);
@ -113,10 +115,12 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
return ( return (
cameraMetadata.producers.find( cameraMetadata.producers.find(
(prod) => (prod) =>
prod.medias && prod.medias.find((media) => media.includes("audio, recvonly")) != undefined, prod.medias &&
prod.medias.find((media) => media.includes("audio, recvonly")) !=
undefined,
) != undefined ) != undefined
); );
}, [cameraMetadata]) }, [cameraMetadata]);
// click overlay for ptzs // click overlay for ptzs
@ -351,14 +355,16 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
onClick={() => setMic(!mic)} onClick={() => setMic(!mic)}
/> />
)} )}
{supportsAudioOutput && <CameraFeatureToggle {supportsAudioOutput && (
className="p-2 md:p-0" <CameraFeatureToggle
variant={fullscreen ? "overlay" : "primary"} className="p-2 md:p-0"
Icon={audio ? GiSpeaker : GiSpeakerOff} variant={fullscreen ? "overlay" : "primary"}
isActive={audio} Icon={audio ? GiSpeaker : GiSpeakerOff}
title={`${audio ? "Disable" : "Enable"} Camera Audio`} isActive={audio}
onClick={() => setAudio(!audio)} title={`${audio ? "Disable" : "Enable"} Camera Audio`}
/>} onClick={() => setAudio(!audio)}
/>
)}
<FrigateCameraFeatures <FrigateCameraFeatures
camera={camera.name} camera={camera.name}
audioDetectEnabled={camera.audio.enabled_in_config} audioDetectEnabled={camera.audio.enabled_in_config}