|
|
@@ -154,6 +154,7 @@ class Toolbox extends Component {
|
|
154
|
154
|
_renderPrimaryToolbar() {
|
|
155
|
155
|
const audioButtonStyles = this._getMuteButtonStyles(MEDIA_TYPE.AUDIO);
|
|
156
|
156
|
const videoButtonStyles = this._getMuteButtonStyles(MEDIA_TYPE.VIDEO);
|
|
|
157
|
+ const { _audioOnly: audioOnly } = this.props;
|
|
157
|
158
|
|
|
158
|
159
|
/* eslint-disable react/jsx-handler-names */
|
|
159
|
160
|
|
|
|
@@ -171,6 +172,7 @@ class Toolbox extends Component {
|
|
171
|
172
|
style = { styles.hangup }
|
|
172
|
173
|
underlayColor = { ColorPalette.buttonUnderlay } />
|
|
173
|
174
|
<ToolbarButton
|
|
|
175
|
+ disabled = { audioOnly }
|
|
174
|
176
|
iconName = { videoButtonStyles.iconName }
|
|
175
|
177
|
iconStyle = { videoButtonStyles.iconStyle }
|
|
176
|
178
|
onClick = { this.props._onToggleVideo }
|
|
|
@@ -192,12 +194,14 @@ class Toolbox extends Component {
|
|
192
|
194
|
const iconStyle = styles.secondaryToolbarButtonIcon;
|
|
193
|
195
|
const style = styles.secondaryToolbarButton;
|
|
194
|
196
|
const underlayColor = 'transparent';
|
|
|
197
|
+ const { _audioOnly: audioOnly } = this.props;
|
|
195
|
198
|
|
|
196
|
199
|
/* eslint-disable react/jsx-curly-spacing,react/jsx-handler-names */
|
|
197
|
200
|
|
|
198
|
201
|
return (
|
|
199
|
202
|
<View style = { styles.secondaryToolbar }>
|
|
200
|
203
|
<ToolbarButton
|
|
|
204
|
+ disabled = { audioOnly }
|
|
201
|
205
|
iconName = 'switch-camera'
|
|
202
|
206
|
iconStyle = { iconStyle }
|
|
203
|
207
|
onClick = { this.props._onToggleCameraFacingMode }
|
|
|
@@ -212,9 +216,7 @@ class Toolbox extends Component {
|
|
212
|
216
|
style = { style }
|
|
213
|
217
|
underlayColor = { underlayColor } />
|
|
214
|
218
|
<ToolbarButton
|
|
215
|
|
- iconName = {
|
|
216
|
|
- this.props._audioOnly ? 'visibility-off' : 'visibility'
|
|
217
|
|
- }
|
|
|
219
|
+ iconName = { audioOnly ? 'visibility-off' : 'visibility' }
|
|
218
|
220
|
iconStyle = { iconStyle }
|
|
219
|
221
|
onClick = { this.props._onToggleAudioOnly }
|
|
220
|
222
|
style = { style }
|