seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

record modal ui wip

This commit is contained in:
Nuwan 2025-12-01 01:08:04 +05:30
parent 9b692bb200
commit 0fab4532c6
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
jam-ui/src/components/client/JKSessionRecordingModal.js
View File

@ -15,15 +15,15 @@ import {
} from 'reactstrap';
import { useJamServerContext } from '../../context/JamServerContext';
import useRecordingHelpers from '../../hooks/useRecordingHelpers';
import { AUDIO_STORE_TYPE_MIX_AND_STEMS } from '../../helpers/globals.js';
import { AUDIO_STORE_TYPE_MIX_AND_STEMS, AUDIO_STORE_TYPE_MIX_ONLY, RECORD_TYPE_AUDIO, RECORD_TYPE_BOTH } from '../../helpers/globals.js';
const JKSessionRecordingModal = ({ isOpen, toggle }) => {
const { jamClient } = useJamServerContext();
const recordingHelpers = useRecordingHelpers(jamClient);
// Form state
const [recordingType, setRecordingType] = useState('audio-only');
const [audioStoreType, setAudioStoreType] = useState('')
const [recordingType, setRecordingType] = useState(RECORD_TYPE_AUDIO);
const [audioStoreType, setAudioStoreType] = useState(AUDIO_STORE_TYPE_MIX_AND_STEMS['key']);
const [recordingName, setRecordingName] = useState('')
const [audioFormat, setAudioFormat] = useState('')
@ -168,8 +168,6 @@ const JKSessionRecordingModal = ({ isOpen, toggle }) => {
</ModalHeader>
<ModalBody>
<div className="recording-start-stop">
{/* Recording Type Selection */}
<Form>
<Row>
@ -213,26 +211,26 @@ const JKSessionRecordingModal = ({ isOpen, toggle }) => {
<Label check>
<Input
type="radio"
name="audioFiles"
name="audioStoreType"
value={AUDIO_STORE_TYPE_MIX_AND_STEMS['key']}
checked={AUDIO_STORE_TYPE_MIX_AND_STEMS['key'] === 'audio-only'}
checked={AUDIO_STORE_TYPE_MIX_AND_STEMS['key'] === audioStoreType}
onChange={(e) => setAudioStoreType(e.target.value)}
disabled={isRecording || isStarting || isStopping}
/>
Audio only
Session mix & individual parts (streams)
</Label>
</div>
<div style={{ display: 'block', minHeight: '1.5rem', paddingLeft: '1.5rem' }}>
<Label check>
<Input
type="radio"
name="audioFiles"
value="audio-video"
checked={AUDIO_STORE_TYPE_MIX_AND_STEMS['key'] === 'audio-video'}
name="audioStoreType"
value={AUDIO_STORE_TYPE_MIX_ONLY['key']}
checked={AUDIO_STORE_TYPE_MIX_ONLY['key'] === audioStoreType}
onChange={(e) => setAudioStoreType(e.target.value)}
disabled={isRecording || isStarting || isStopping}
/>
Audio and video
Session mix only
</Label>
</div>
</FormGroup>