From f878f54b4dbc45ec53bc77643c7aff7cd5f14ef1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sa=C3=BAl=20Ibarra=20Corretg=C3=A9?= <saghul@jitsi.org>
Date: Mon, 3 Jul 2017 09:06:33 +0200
Subject: [PATCH] [RN] Toggle audio-only icon based on state

---
 .../toolbox/components/Toolbox.native.js      | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/react/features/toolbox/components/Toolbox.native.js b/react/features/toolbox/components/Toolbox.native.js
index b06be810db..b328575fe1 100644
--- a/react/features/toolbox/components/Toolbox.native.js
+++ b/react/features/toolbox/components/Toolbox.native.js
@@ -31,6 +31,11 @@ class Toolbox extends Component {
          */
         _audioMuted: React.PropTypes.bool,
 
+        /**
+         * Flag showing whether the audio-only mode is in use.
+         */
+        _audioOnly: React.PropTypes.bool,
+
         /**
          * Flag showing whether room is locked.
          */
@@ -207,7 +212,9 @@ class Toolbox extends Component {
                     style = { style }
                     underlayColor = { underlayColor } />
                 <ToolbarButton
-                    iconName = 'visibility'
+                    iconName = {
+                        this.props._audioOnly ? 'visibility-off' : 'visibility'
+                    }
                     iconStyle = { iconStyle }
                     onClick = { this.props._onToggleAudioOnly }
                     style = { style }
@@ -305,6 +312,7 @@ function _mapDispatchToProps(dispatch) {
  *
  * @param {Object} state - Redux store.
  * @returns {{
+ *     _audioOnly: boolean,
  *     _locked: boolean
  * }}
  * @private
@@ -315,6 +323,15 @@ function _mapStateToProps(state) {
     return {
         ...abstractMapStateToProps(state),
 
+        /**
+         * The indicator which determines whether the conference is in
+         * audio-only mode.
+         *
+         * @protected
+         * @type {boolean}
+         */
+        _audioOnly: Boolean(conference.audioOnly),
+
         /**
          * The indicator which determines whether the conference is
          * locked/password-protected.