style(Thumbnail): improve readability
Co-authored-by: Saúl Ibarra Corretgé <saghul@jitsi.org>
This commit is contained in:
parent
5a55c7b965
commit
3d97bef308
|
@ -345,9 +345,8 @@ class Thumbnail extends Component<Props, State> {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AtlasKitThemeProvider mode = 'dark'>
|
<AtlasKitThemeProvider mode = 'dark'>
|
||||||
{ _connectionIndicatorDisabled
|
{ !_connectionIndicatorDisabled
|
||||||
? null
|
&& <ConnectionIndicator
|
||||||
: <ConnectionIndicator
|
|
||||||
alwaysVisible = { showConnectionIndicator }
|
alwaysVisible = { showConnectionIndicator }
|
||||||
enableStatsDisplay = { true }
|
enableStatsDisplay = { true }
|
||||||
iconSize = { iconSize }
|
iconSize = { iconSize }
|
||||||
|
@ -360,10 +359,10 @@ class Thumbnail extends Component<Props, State> {
|
||||||
participantId = { id }
|
participantId = { id }
|
||||||
tooltipPosition = { tooltipPosition } />
|
tooltipPosition = { tooltipPosition } />
|
||||||
{ showDominantSpeaker && _participantCount > 2
|
{ showDominantSpeaker && _participantCount > 2
|
||||||
? <DominantSpeakerIndicator
|
&& <DominantSpeakerIndicator
|
||||||
iconSize = { iconSize }
|
iconSize = { iconSize }
|
||||||
tooltipPosition = { tooltipPosition } />
|
tooltipPosition = { tooltipPosition } />
|
||||||
: null }
|
}
|
||||||
</AtlasKitThemeProvider>
|
</AtlasKitThemeProvider>
|
||||||
</div>);
|
</div>);
|
||||||
}
|
}
|
||||||
|
@ -452,7 +451,7 @@ class Thumbnail extends Component<Props, State> {
|
||||||
|
|
||||||
// hide volume when in silent mode
|
// hide volume when in silent mode
|
||||||
const onVolumeChange = _startSilent ? undefined : this._onVolumeChange;
|
const onVolumeChange = _startSilent ? undefined : this._onVolumeChange;
|
||||||
const { jitsiTrack } = _audioTrack ?? {};
|
const jitsiTrack = _audioTrack?.jitsiTrack;
|
||||||
const audioTrackId = jitsiTrack && jitsiTrack.getId();
|
const audioTrackId = jitsiTrack && jitsiTrack.getId();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -461,7 +460,7 @@ class Thumbnail extends Component<Props, State> {
|
||||||
_audioTrack
|
_audioTrack
|
||||||
? <AudioTrack
|
? <AudioTrack
|
||||||
audioTrack = { _audioTrack }
|
audioTrack = { _audioTrack }
|
||||||
id = { `remoteAudio_${audioTrackId}` }
|
id = { `remoteAudio_${audioTrackId || ''}` }
|
||||||
muted = { _startSilent }
|
muted = { _startSilent }
|
||||||
onAudioElementReferenceChanged = { this._onAudioElementReferenceChanged }
|
onAudioElementReferenceChanged = { this._onAudioElementReferenceChanged }
|
||||||
volume = { this.state.volume } />
|
volume = { this.state.volume } />
|
||||||
|
@ -542,7 +541,7 @@ class Thumbnail extends Component<Props, State> {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { isFakeParticipant, local = false } = _participant;
|
const { isFakeParticipant, local } = _participant;
|
||||||
|
|
||||||
if (local) {
|
if (local) {
|
||||||
return this._renderLocalParticipant();
|
return this._renderLocalParticipant();
|
||||||
|
|
Loading…
Reference in New Issue