|
@@ -2,11 +2,8 @@ import React, { Component } from 'react';
|
2
|
2
|
import { connect } from 'react-redux';
|
3
|
3
|
|
4
|
4
|
import { translate } from '../../base/i18n';
|
5
|
|
-import { Popover } from '../../base/popover';
|
6
|
5
|
import { shouldRemoteVideosBeVisible } from '../../filmstrip';
|
7
|
6
|
|
8
|
|
-import { VideoQualityDialog } from './';
|
9
|
|
-
|
10
|
7
|
import {
|
11
|
8
|
VIDEO_QUALITY_LEVELS
|
12
|
9
|
} from '../../base/conference';
|
|
@@ -151,18 +148,16 @@ export class VideoQualityLabel extends Component {
|
151
|
148
|
= `${baseClasses} ${filmstrip} ${remoteVideosVisible} ${opening}`;
|
152
|
149
|
|
153
|
150
|
return (
|
154
|
|
- <Popover
|
|
151
|
+ <div
|
155
|
152
|
className = { classNames }
|
156
|
|
- content = { <VideoQualityDialog /> }
|
157
|
|
- id = 'videoResolutionLabel'
|
158
|
|
- position = { 'left top' }>
|
|
153
|
+ id = 'videoResolutionLabel'>
|
159
|
154
|
<div
|
160
|
155
|
className = 'video-quality-label-status'>
|
161
|
156
|
{ _audioOnly
|
162
|
157
|
? <i className = 'icon-visibility-off' />
|
163
|
158
|
: this._mapResolutionToTranslation(_resolution) }
|
164
|
159
|
</div>
|
165
|
|
- </Popover>
|
|
160
|
+ </div>
|
166
|
161
|
);
|
167
|
162
|
}
|
168
|
163
|
|