From 9acf8ee13dc83e8adade6f7a5ed9f47e97d18626 Mon Sep 17 00:00:00 2001
From: annamaynard <anna.maynard@gmail.com>
Date: Fri, 11 Aug 2023 12:19:22 -0400
Subject: [PATCH] -pomodoro +audio for capel

---
 src/components/create.jsx       |  5 +++--
 src/components/create/audio.jsx | 22 ++++------------------
 src/components/navbar.jsx       |  3 +++
 3 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/components/create.jsx b/src/components/create.jsx
index 76d82160..c11882de 100644
--- a/src/components/create.jsx
+++ b/src/components/create.jsx
@@ -22,6 +22,7 @@ const Create = ({ postId, output }) => {
     Notebook: <CreativeWritingSave postId={postId}/>,
     Dictionary: <Dictionary />,
     Timer: <Timer />,
+    Audio: <Audio />,
   };
   const editorRef = useRef(null);
 
@@ -69,9 +70,9 @@ const Create = ({ postId, output }) => {
               </button>
               <button
                 className="w-full px-4 py-2 border border-slate-400 text-gray-800  bg-slate-100 font-mono text-center"
-                onClick={() => setActiveComponent("PomodoroTimer")}
+                onClick={() => setActiveComponent("Audio")}
               >
-                Pomodoro
+                Audio
               </button>
               <button
                 className="w-full px-4 py-2 border border-slate-400 text-gray-800  bg-slate-100 font-mono text-center"
diff --git a/src/components/create/audio.jsx b/src/components/create/audio.jsx
index 8aa4ba2d..4a7b0f91 100644
--- a/src/components/create/audio.jsx
+++ b/src/components/create/audio.jsx
@@ -1,26 +1,12 @@
 import React, { useState } from "react";
 
 const Audio = () => {
-  const [audio, setAudio] = useState(null);
-
-  const playAudio = () => {
-    if (audio) {
-      audio.play();
-    }
-  };
-
-  const pauseAudio = () => {
-    if (audio) {
-      audio.pause();
-    }
-  };
-
+ 
   return (
     <div className="border p-4" >
-        
-      <button onClick={playAudio}>Play</button>
-      <button onClick={pauseAudio}>Pause</button>
-      <audio ref={setAudio} src="audio.mp3" controls></audio>
+        <h1>
+        Recording, layering, playback feature  .. COMING SOON 
+        </h1>   
     </div>
   );
 };
diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
index 64f382b0..945aef84 100644
--- a/src/components/navbar.jsx
+++ b/src/components/navbar.jsx
@@ -38,6 +38,9 @@ const NavBar = () => {
         <Link to="/" onClick={handleClickCreate}>
           HOME
         </Link>
+        <Link to="/create" onClick={handleClickCreate}>
+        CREATE
+        </Link>
       </div>
       <Outlet />
     </div>