Ver código fonte

[RN] Disable video mute and camera switch buttons when in audio only mode

master
Saúl Ibarra Corretgé 8 anos atrás
pai
commit
03da40b56a

+ 5
- 3
react/features/toolbox/components/Toolbox.native.js Ver arquivo

@@ -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 }

Carregando…
Cancelar
Salvar