Moved chat icon and fixed track render
This commit is contained in:
parent
e34b8a39af
commit
89567b4e71
@ -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={() => {
|
||||
|
||||
@ -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} />}{' '}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user