p-stream/src/hooks/useVolumeToggle.ts

import { useControls } from "@/video/state/logic/controls";
import { useMediaPlaying } from "@/video/state/logic/mediaplaying";
import { useState } from "react";

export function useVolumeControl(descriptor: string) {
  const [storedVolume, setStoredVolume] = useState(1);
  const controls = useControls(descriptor);
  const mediaPlaying = useMediaPlaying(descriptor);

  const toggleVolume = () => {
    if (mediaPlaying.volume > 0) {
      setStoredVolume(mediaPlaying.volume);
      controls.setVolume(0);
    } else {
      controls.setVolume(storedVolume > 0 ? storedVolume : 1);
    }
  };

  return {
    storedVolume,
    setStoredVolume,
    toggleVolume,
  };
}