style(Thumbnail): improve readability

Co-authored-by: Saúl Ibarra Corretgé <saghul@jitsi.org>
This commit is contained in:
Hristo Terezov 2021-01-06 17:09:31 -06:00
parent 5a55c7b965
commit 3d97bef308
1 changed files with 7 additions and 8 deletions

View File

@ -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();