authentication

package.json

@@ -13,6 +13,7 @@
     "@testing-library/user-event": "^13.5.0",
     "axios": "^0.26.1",
     "bootstrap": "^5.1.3",
+    "jwt-decode": "^3.1.2",
     "react": "^18.0.0",
     "react-bootstrap": "^2.2.3",
     "react-dom": "^18.0.0",
@@ -51,7 +52,6 @@
     ]
   },
   "devDependencies": {
-    "@tailwindcss/forms": "^0.5.0",
     "autoprefixer": "^10.4.4",
     "postcss": "^8.4.12",
     "tailwindcss": "^3.0.23"

src/App.js

@@ -1,30 +1,53 @@
+import {
+  BrowserRouter as Router,
+  Routes,
+  Route,
+  useNavigate,
+} from "react-router-dom";
+import jwt_decode from "jwt-decode";
+import { useSelector, useDispatch } from "react-redux";
 
-import {  BrowserRouter as Router, Routes, Route,  } from "react-router-dom";
-import SignUpAndSignUp from './pages/SignUpAndSignUp'
-import UserDashboard from './pages/Dashboard'
-import HomePage from './pages/HomePage'
-import { ToastContainer, toast } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
+import SignUpAndSignUp from "./pages/SignUpAndSignUp";
+import UserDashboard from "./pages/Dashboard";
+import HomePage from "./pages/HomePage";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
 
-import './App.css';
+import "./App.css";
 
 function App() {
+  const { isAuth } = useSelector((state) => state.user);
+  const token = localStorage.token;
+var decoded = jwt_decode(token);
+console.log(decoded)
+
   return (
     <>
-      <Router>      
+      <Router>
         <Routes>
-        <Route path="/" element={< HomePage/>} />
+          <Route path="/" element={<HomePage />} />
 
-        <Route path="/auth" element={< SignUpAndSignUp/>} />
+          <Route path="/auth" element={<SignUpAndSignUp />} />
 
-          <Route path="/dashboard" element={<UserDashboard />} />
-      </Routes>
+          <Route
+            path="/dashboard"
+            element={
+              <PrivateRoute isAuthenticated={true}>
+                <UserDashboard />
+              </PrivateRoute>
+            }
+          />
+        </Routes>
       </Router>
-
       <ToastContainer />
-
     </>
   );
 }
 
+
+const PrivateRoute = ({ isAuthenticated, children }) => {
+  console.log(isAuthenticated)
+  return isAuthenticated ? children : <SignUpAndSignUp /> ;
+};
+
 export default App;