Moved chat icon and fixed track render

This commit is contained in:
SujithThirumalaisamy 2025-04-07 23:08:01 +05:30
parent e34b8a39af
commit 89567b4e71
2 changed files with 4 additions and 6 deletions

View File

@ -162,9 +162,6 @@ export function CustomControlBar({ room, roomName }: CustomControlBarProps) {
<div className="control-bar control-buttons">
<TrackToggle source={Track.Source.Microphone} />
<TrackToggle source={Track.Source.Camera} />
<div className={`control-btn`} onClick={toggleChat}>
<span className="material-symbols-outlined">chat</span>
</div>
<div
className={`control-btn ${isRecording ? '' : 'disabled'} ${isRecordingRequestPending || isRecording ? 'blinking' : ''}`}
onClick={toggleRoomRecording}
@ -191,7 +188,9 @@ export function CustomControlBar({ room, roomName }: CustomControlBarProps) {
<span className="material-symbols-outlined">people</span>
<span className="participant-count">{participantCount}</span>
</div>
<div className={`control-btn`} onClick={toggleChat}>
<span className="material-symbols-outlined">chat</span>
</div>
<div
className="settings-box"
onClick={() => {

View File

@ -35,7 +35,6 @@ export const CustomVideoLayout: React.FC<CustomVideoLayoutProps> = ({ room, room
);
const focusTrack = usePinnedTracks()[0];
const carouselTracks = tracks.filter((track) => !isEqualTrackRef(track, focusTrack));
const test = usePinnedTracks();
useEffect(() => {
@ -80,7 +79,7 @@ export const CustomVideoLayout: React.FC<CustomVideoLayoutProps> = ({ room, room
padding: '1rem 1rem 0.5rem 1rem',
}}
>
<CarouselLayout tracks={carouselTracks}>
<CarouselLayout tracks={tracks}>
<ParticipantTile />
</CarouselLayout>
{focusTrack && <FocusLayout style={{ width: '100%' }} trackRef={focusTrack} />}{' '}