From 0fab4532c6b81c801f010bca94792403162fd0cd Mon Sep 17 00:00:00 2001
From: Nuwan <nuwanchaturanga@gmail.com>
Date: Mon, 1 Dec 2025 01:08:04 +0530
Subject: [PATCH] record modal ui wip

---
 .../client/JKSessionRecordingModal.js         | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/jam-ui/src/components/client/JKSessionRecordingModal.js b/jam-ui/src/components/client/JKSessionRecordingModal.js
index 45e24ebaf..6b94b08ca 100644
--- a/jam-ui/src/components/client/JKSessionRecordingModal.js
+++ b/jam-ui/src/components/client/JKSessionRecordingModal.js
@@ -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>