fix initial volume state on default dashboard

This commit is contained in:
Josh Hawkins 2024-12-26 13:37:49 -06:00
parent 686e40d3c4
commit db66dc2c02

View File

@ -28,7 +28,7 @@ import DraggableGridLayout from "./DraggableGridLayout";
import { IoClose } from "react-icons/io5"; import { IoClose } from "react-icons/io5";
import { LuLayoutDashboard } from "react-icons/lu"; import { LuLayoutDashboard } from "react-icons/lu";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { LivePlayerError } from "@/types/live"; import { AudioState, LivePlayerError, VolumeState } from "@/types/live";
import { FaCompress, FaExpand } from "react-icons/fa"; import { FaCompress, FaExpand } from "react-icons/fa";
import useCameraLiveMode from "@/hooks/use-camera-live-mode"; import useCameraLiveMode from "@/hooks/use-camera-live-mode";
import { useResizeObserver } from "@/hooks/resize-observer"; import { useResizeObserver } from "@/hooks/resize-observer";
@ -229,8 +229,8 @@ export default function LiveDashboardView({
// audio states // audio states
const [audioStates, setAudioStates] = useState<Record<string, boolean>>({}); const [audioStates, setAudioStates] = useState<AudioState>({});
const [volumeStates, setVolumeStates] = useState<Record<string, number>>({}); const [volumeStates, setVolumeStates] = useState<VolumeState>({});
const toggleAudio = (cameraName: string): void => { const toggleAudio = (cameraName: string): void => {
setAudioStates((prev) => ({ setAudioStates((prev) => ({
@ -394,7 +394,7 @@ export default function LiveDashboardView({
} }
audioState={audioStates[camera.name]} audioState={audioStates[camera.name]}
toggleAudio={() => toggleAudio(camera.name)} toggleAudio={() => toggleAudio(camera.name)}
volumeState={volumeStates[camera.name]} volumeState={volumeStates[camera.name] ?? 1}
setVolumeState={(value) => setVolumeState={(value) =>
setVolumeStates({ setVolumeStates({
[camera.name]: value, [camera.name]: value,