feat: Implement React context for authorization

1 files changed, 7 insertions, 2 deletions

diff --git a/src/App.js b/src/App.js
index 069ae93..678f26f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { BrowserRouter as Router, Routes, Route, useLocation } from 'react-router-dom';
 import Navbar from './components/Navbar';
 import Footer from './components/Footer';
@@ -13,14 +13,17 @@ import Careers from "./pages/Careers";
 import HelpCenter from "./pages/HelpCenter";
 import TermsOfService from "./pages/TermsOfService";
 import PrivacyPolicy from "./pages/PrivacyPolicy";
+import Dashboard from "./pages/Dashboard";
+import {AuthProvider} from "./providers/AuthContext";
 
 function App() {
     const location = useLocation();
     const excludedRoutes = ['/login', '/sign-up', '/forgot-password'];
 
     return (
+    <AuthProvider>
         <div className="App">
-                {!excludedRoutes.includes(location.pathname) && <Navbar />}
+            {!excludedRoutes.includes(location.pathname) && <Navbar />}
             <Routes>
                 <Route path="/" element={<Home />} />
                 <Route path="/about" element={<About />} />
@@ -30,12 +33,14 @@ function App() {
                 <Route path="/terms-of-service" element={<TermsOfService />} />
                 <Route path="/privacy-policy" element={<PrivacyPolicy />} />
                 <Route path="/login" element={<Login />} />
+                <Route path="/dashboard" element={<Dashboard />} />
                 <Route path="/forgot-password" element={<ForgotPassword />} />
                 <Route path="/sign-up" element={<SignUp />} />
             </Routes>
             {!excludedRoutes.includes(location.pathname) && <Footer />}
             {!excludedRoutes.includes(location.pathname) && <PopupWidget />}
         </div>
+    </AuthProvider>
     );
 }