From bf5b05e63f4266dfe101aa43d8b2e4e4a7dc6f06 Mon Sep 17 00:00:00 2001
From: Eric Rosenbaum <eric.rosenbaum@gmail.com>
Date: Tue, 23 Jul 2019 15:00:35 -0400
Subject: [PATCH] Re-order effects buttons and remove echo

---
 src/components/sound-editor/sound-editor.jsx | 30 ++++++++------------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/components/sound-editor/sound-editor.jsx b/src/components/sound-editor/sound-editor.jsx
index bea5fa84e..c48107176 100644
--- a/src/components/sound-editor/sound-editor.jsx
+++ b/src/components/sound-editor/sound-editor.jsx
@@ -265,18 +265,6 @@ const SoundEditor = props => (
                 title={<FormattedMessage {...messages.slower} />}
                 onClick={props.onSlower}
             />
-            <IconButton
-                className={styles.effectButton}
-                img={echoIcon}
-                title={<FormattedMessage {...messages.echo} />}
-                onClick={props.onEcho}
-            />
-            <IconButton
-                className={styles.effectButton}
-                img={robotIcon}
-                title={<FormattedMessage {...messages.robot} />}
-                onClick={props.onRobot}
-            />
             <IconButton
                 className={styles.effectButton}
                 img={louderIcon}
@@ -297,9 +285,9 @@ const SoundEditor = props => (
             />
             <IconButton
                 className={styles.effectButton}
-                img={reverseIcon}
-                title={<FormattedMessage {...messages.reverse} />}
-                onClick={props.onReverse}
+                img={fadeInIcon}
+                title={<FormattedMessage {...messages.fadeIn} />}
+                onClick={props.onFadeIn}
             />
             <IconButton
                 className={styles.effectButton}
@@ -309,9 +297,15 @@ const SoundEditor = props => (
             />
             <IconButton
                 className={styles.effectButton}
-                img={fadeInIcon}
-                title={<FormattedMessage {...messages.fadeIn} />}
-                onClick={props.onFadeIn}
+                img={reverseIcon}
+                title={<FormattedMessage {...messages.reverse} />}
+                onClick={props.onReverse}
+            />
+            <IconButton
+                className={styles.effectButton}
+                img={robotIcon}
+                title={<FormattedMessage {...messages.robot} />}
+                onClick={props.onRobot}
             />
         </div>
     </div>