feat(08-03): integrate chat button into session navigation

- Added JKSessionChatButton import
- Replaced placeholder Chat button with new component
- Passes sessionId prop from Redux state
- Button positioned after Open menu, before Attach button
This commit is contained in:
Nuwan 2026-01-27 14:20:09 +05:30
parent 1230448d96
commit b6e31b3bc2
1 changed files with 2 additions and 3 deletions

View File

@ -80,6 +80,7 @@ import JKSessionBackingTrack from './JKSessionBackingTrack.js';
import JKSessionMetronome from './JKSessionMetronome.js';
import JKSessionMetronomePlayer from './JKSessionMetronomePlayer.js';
import JKSessionChatWindow from './JKSessionChatWindow.js';
import JKSessionChatButton from './JKSessionChatButton.js';
import JKPopupMediaControls from '../popups/JKPopupMediaControls.js';
import { SESSION_PRIVACY_MAP } from '../../helpers/globals.js';
import { toast } from 'react-toastify';
@ -1127,9 +1128,7 @@ const JKSessionScreen = () => {
<img src={broadcastIcon} alt="Broadcast" style={{ width: '16px', height: '16px', marginRight: '0.2rem' }} />
Broadcast</Button>
<JKSessionOpenMenu onBackingTrackSelected={handleBackingTrackSelected} onJamTrackSelected={() => dispatch(openModal('jamTrack'))} onMetronomeSelected={handleMetronomeSelected} />
<Button className='btn-custom-outline' outline size="md">
<img src={chatIcon} alt="Chat" style={{ width: '16px', height: '16px', marginRight: '0.2rem' }} />
Chat</Button>
<JKSessionChatButton sessionId={sessionId} />
<Button className='btn-custom-outline' outline size="md">
<img src={attachIcon} alt="Attach" style={{ width: '16px', height: '16px', marginRight: '0.2rem' }} />
Attach</Button>