From 849f93375c881a9f5369dbae1818f44dc874702a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sa=C3=BAl=20Ibarra=20Corretg=C3=A9?= <saghul@gmail.com>
Date: Tue, 11 Apr 2017 16:15:33 +0200
Subject: [PATCH] [RN] Use a handset icon for audio-only mode button

---
 .../toolbox/components/Toolbox.native.js      |  4 +--
 react/features/toolbox/components/styles.js   | 25 +++++++++++++------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/react/features/toolbox/components/Toolbox.native.js b/react/features/toolbox/components/Toolbox.native.js
index 316173695..393dfed08 100644
--- a/react/features/toolbox/components/Toolbox.native.js
+++ b/react/features/toolbox/components/Toolbox.native.js
@@ -212,8 +212,8 @@ class Toolbox extends Component {
                     style = { style }
                     underlayColor = { underlayColor } />
                 <ToolbarButton
-                    iconName = 'star'
-                    iconStyle = { iconStyle }
+                    iconName = 'hangup'
+                    iconStyle = { styles.audioOnlyIcon }
                     onClick = { this.props._onToggleAudioOnly }
                     style = { style }
                     underlayColor = { underlayColor } />
diff --git a/react/features/toolbox/components/styles.js b/react/features/toolbox/components/styles.js
index 862c6a0a9..ec194703c 100644
--- a/react/features/toolbox/components/styles.js
+++ b/react/features/toolbox/components/styles.js
@@ -67,6 +67,15 @@ const toolbar = {
  * The (conference) Toolbox/Toolbar related styles.
  */
 export const styles = createStyleSheet({
+    /**
+     * The audio only (secondary) toolbar icon style.
+     */
+    audioOnlyIcon: {
+        ...smallIcon,
+        color: ColorPalette.white,
+        transform: [ { rotate: '135deg' } ]
+    },
+
     /**
      * The toolbar button icon style.
      */
@@ -115,6 +124,14 @@ export const styles = createStyleSheet({
         opacity: 0.7
     },
 
+    /**
+     * The secondary toolbar icon style.
+     */
+    secondaryToolbarIcon: {
+        ...smallIcon,
+        color: ColorPalette.white
+    },
+
     /**
      * The style of the root/top-level Container of Toolbar that contains
      * toolbars.
@@ -133,13 +150,5 @@ export const styles = createStyleSheet({
     whiteIcon: {
         ...icon,
         color: ColorPalette.white
-    },
-
-    /**
-     * The secondary toolbar icon style.
-     */
-    secondaryToolbarIcon: {
-        ...smallIcon,
-        color: ColorPalette.white
     }
 });