From f544105d6474c2d1ba6ef72e9bb32f1e308530ab Mon Sep 17 00:00:00 2001
From: Lynette Okoth <lynokoth79@gmail.com>
Date: Fri, 26 Jan 2024 01:01:26 -0500
Subject: [PATCH] change  app.js

---
 src/App.js | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/App.js b/src/App.js
index 9ea3e7f..823d357 100644
--- a/src/App.js
+++ b/src/App.js
@@ -11,7 +11,7 @@ import { headerData, reservationData, orderOnline } from './constants';
  import DataContext from './DataContext/DataContext';
 import  Reservations  from './Components/Reservations/Reservations';
 import  OrderOnline   from './Components/OrderOnline/OrderOnline';
-import { Routes, Route, useLocation } from 'react-router-dom';
+import { Routes, Router, Route, useLocation } from 'react-router-dom';
 import ComfirmedBooking from './Components/Reservations/ConfirmedBooking/ConfirmedBooking';
 import Testimonials from './Components/Main/Testimonials/Testimonials';
 // import Login from './Components/Login/Login';
@@ -37,8 +37,8 @@ function App() {
   }
 
   return (
-    <>
     
+    <Router>
     <Nav />
     <DataContext.Provider value={data}>
       {path === "/meta-front-end-capstone" && <Header />}
@@ -50,15 +50,13 @@ function App() {
         <Route path="/meta-front-end-capstone/confirmed-booking" element={<ComfirmedBooking />} />
       </Routes> 
     </DataContext.Provider>
-
     <Specials />
     <Testimonials />
     <About />
-
 <Footer />
-    </>
- 
+  
+    </Router>
   );
-};
+}
 
 export default App;