|
@@ -827,10 +827,7 @@ class Thumbnail extends Component<Props, State> {
|
827
|
827
|
const { _gifSrc, classes } = this.props;
|
828
|
828
|
|
829
|
829
|
return _gifSrc && (
|
830
|
|
- <div
|
831
|
|
- className = { classes.gif }
|
832
|
|
- onMouseEnter = { this._onGifMouseEnter }
|
833
|
|
- onMouseLeave = { this._onGifMouseLeave }>
|
|
830
|
+ <div className = { classes.gif }>
|
834
|
831
|
<img
|
835
|
832
|
alt = 'GIF'
|
836
|
833
|
src = { _gifSrc } />
|
|
@@ -1000,6 +997,12 @@ class Thumbnail extends Component<Props, State> {
|
1000
|
997
|
className = { clsx(classes.borderIndicator,
|
1001
|
998
|
_gifSrc && classes.borderIndicatorOnTop,
|
1002
|
999
|
'active-speaker-indicator') } />
|
|
1000
|
+ {_gifSrc && (
|
|
1001
|
+ <div
|
|
1002
|
+ className = { clsx(classes.borderIndicator, classes.borderIndicatorOnTop) }
|
|
1003
|
+ onMouseEnter = { this._onGifMouseEnter }
|
|
1004
|
+ onMouseLeave = { this._onGifMouseLeave } />
|
|
1005
|
+ )}
|
1003
|
1006
|
</span>
|
1004
|
1007
|
);
|
1005
|
1008
|
}
|