feature: #1

 - adds sound on timer
 - on (3,2,1) one click
 - on 0 two clicks

src/App/App.js

@@ -5,6 +5,7 @@ import React from "react";
 import Control from "./Components/Control/Control";
 import Content from "./Components/Content/Content";
 import NoSleep from "./Components/NoSleep/NoSleep";
+import AudioNotification from "./Components/AudioNotification/AudioNotification";
 
 class App extends React.Component {
 
@@ -148,6 +149,10 @@ class App extends React.Component {
                         onClickPlay={this.start}
                     />
                     <NoSleep ref={(noSleep) => { this._noSleep = noSleep; }} />
+                    <AudioNotification
+                        timer={this.state.timer}
+                        currentMode={this.state.currentMode}
+                    />
                 </div>
             </div>
         )

src/App/Components/AudioNotification/AudioNotification.js

@@ -0,0 +1,42 @@
+import React from "react";
+
+import audioPipe from './Media/Pipes.ogg';
+
+const audio = new Audio(audioPipe);
+
+class AudioNotification extends React.Component {
+
+    sleep(ms) {
+        return new Promise(resolve => setTimeout(resolve, ms));
+    }
+
+    async playPipe(double = false) {
+        audio.play();
+
+        if (double) {
+            await this.sleep(125);
+            audio.cloneNode().play();
+        }
+    }
+
+    render() {
+        const {
+            currentMode,
+            timer,
+        } = this.props;
+
+        const playModes = ['delay', 'start', 'rest'];
+
+        if (playModes.includes(currentMode)) {
+            if (timer === 0) {
+                this.playPipe(true);
+            } else if (timer <= 3) {
+                this.playPipe();
+            }
+        }
+
+        return (null)
+    }
+}
+
+export default AudioNotification;