From 67f3a7013001d03265b7da5a022f65925d83baab Mon Sep 17 00:00:00 2001
From: Andrew Scott <git@acscott.dev>
Date: Sat, 4 Jun 2022 03:18:04 -0400
Subject: [PATCH] Added header, footer, and nav

---
 exercises-ui/src/App.js | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/exercises-ui/src/App.js b/exercises-ui/src/App.js
index 1f79ded..cb12a5a 100644
--- a/exercises-ui/src/App.js
+++ b/exercises-ui/src/App.js
@@ -4,22 +4,38 @@ import { BrowserRouter as Router, Route } from "react-router-dom";
 import HomePage from "./pages/HomePage";
 import CreatePage from "./pages/CreatePage";
 import EditPage from "./pages/EditPage";
+import { useState } from "react";
+import { Link } from "react-router-dom";
 
 function App() {
+  const [exerciseToEdit, setExerciseToEdit] = useState();
   return (
     <div className="App">
       <Router>
         <div className="App-header">
+          <header>
+            <h1>Exercise Tracker</h1>
+            <p>Create, edit, and delete exercises</p>
+          </header>
           <Route path="/" exact>
-            <HomePage />
+            <HomePage setExerciseToEdit={setExerciseToEdit} />
           </Route>
           <Route path="/create">
             <CreatePage />
           </Route>
           <Route path="/edit">
-            <EditPage />
+            <EditPage exerciseToEdit={exerciseToEdit} />
           </Route>
         </div>
+        <nav>
+          <div>
+            <Link to="/">Home </Link>
+          </div>
+          <div>
+            <Link to="/create">Create</Link>
+          </div>
+        </nav>
+        <footer>© 2022 Andrew Scott</footer>
       </Router>
     </div>
   );