浏览代码

style(Thumbnail): improve readability

Co-authored-by: Saúl Ibarra Corretgé <saghul@jitsi.org>
master
Hristo Terezov 4 年前
父节点
当前提交
3d97bef308
共有 1 个文件被更改,包括 7 次插入8 次删除
  1. 7
    8
      react/features/filmstrip/components/web/Thumbnail.js

+ 7
- 8
react/features/filmstrip/components/web/Thumbnail.js 查看文件

345
         return (
345
         return (
346
             <div>
346
             <div>
347
                 <AtlasKitThemeProvider mode = 'dark'>
347
                 <AtlasKitThemeProvider mode = 'dark'>
348
-                    { _connectionIndicatorDisabled
349
-                        ? null
350
-                        : <ConnectionIndicator
348
+                    { !_connectionIndicatorDisabled
349
+                        && <ConnectionIndicator
351
                             alwaysVisible = { showConnectionIndicator }
350
                             alwaysVisible = { showConnectionIndicator }
352
                             enableStatsDisplay = { true }
351
                             enableStatsDisplay = { true }
353
                             iconSize = { iconSize }
352
                             iconSize = { iconSize }
360
                         participantId = { id }
359
                         participantId = { id }
361
                         tooltipPosition = { tooltipPosition } />
360
                         tooltipPosition = { tooltipPosition } />
362
                     { showDominantSpeaker && _participantCount > 2
361
                     { showDominantSpeaker && _participantCount > 2
363
-                        ? <DominantSpeakerIndicator
362
+                        && <DominantSpeakerIndicator
364
                             iconSize = { iconSize }
363
                             iconSize = { iconSize }
365
                             tooltipPosition = { tooltipPosition } />
364
                             tooltipPosition = { tooltipPosition } />
366
-                        : null }
365
+                    }
367
                 </AtlasKitThemeProvider>
366
                 </AtlasKitThemeProvider>
368
             </div>);
367
             </div>);
369
     }
368
     }
452
 
451
 
453
         // hide volume when in silent mode
452
         // hide volume when in silent mode
454
         const onVolumeChange = _startSilent ? undefined : this._onVolumeChange;
453
         const onVolumeChange = _startSilent ? undefined : this._onVolumeChange;
455
-        const { jitsiTrack } = _audioTrack ?? {};
454
+        const jitsiTrack = _audioTrack?.jitsiTrack;
456
         const audioTrackId = jitsiTrack && jitsiTrack.getId();
455
         const audioTrackId = jitsiTrack && jitsiTrack.getId();
457
 
456
 
458
         return (
457
         return (
461
                     _audioTrack
460
                     _audioTrack
462
                         ? <AudioTrack
461
                         ? <AudioTrack
463
                             audioTrack = { _audioTrack }
462
                             audioTrack = { _audioTrack }
464
-                            id = { `remoteAudio_${audioTrackId}` }
463
+                            id = { `remoteAudio_${audioTrackId || ''}` }
465
                             muted = { _startSilent }
464
                             muted = { _startSilent }
466
                             onAudioElementReferenceChanged = { this._onAudioElementReferenceChanged }
465
                             onAudioElementReferenceChanged = { this._onAudioElementReferenceChanged }
467
                             volume = { this.state.volume } />
466
                             volume = { this.state.volume } />
542
             return null;
541
             return null;
543
         }
542
         }
544
 
543
 
545
-        const { isFakeParticipant, local = false } = _participant;
544
+        const { isFakeParticipant, local } = _participant;
546
 
545
 
547
         if (local) {
546
         if (local) {
548
             return this._renderLocalParticipant();
547
             return this._renderLocalParticipant();

正在加载...
取消
保存