Merge pull request #238 from 2004vivek/main

Issue #202 -Ensure Protection to all the routes of the website such about us and discussion

Author: Anuj3553

client/src/App.jsx

@@ -36,6 +36,7 @@ import VerifyEmail from "./component/Verify";
 import NotFound from "./component/NotFound";
 import MiniChatbot from "./component/MiniChatbot";
 import ProgressBar from "./component/ProgressBar/ProgressBar";
+import ProtectedRoute from '../../client/src/component/ProtectedRoute'
 
 // Main Layout Component
 
@@ -84,7 +85,7 @@ function App() {
   };
 
   const [progress, setProgress] = useState(0);
-
+  const [islogged,setloggedin]=useState(false)
   useEffect(() => {
     const savedMode = localStorage.getItem("mode");
     if (savedMode) {
@@ -158,39 +159,9 @@ function App() {
                     />
                   }
                 />
-                <Route
-                  exact
-                  path='/discussion'
-                  element={
-                    <Discussion
-                      mode={mode}
-                      setProgress={setProgress}
-                      showAlert={showAlert}
-                    />
-                  }
-                />
-                <Route
-                  exact
-                  path='/community'
-                  element={
-                    <Community
-                      mode={mode}
-                      setProgress={setProgress}
-                      showAlert={showAlert}
-                    />
-                  }
-                />
-                <Route
-                  exact
-                  path='/about'
-                  element={
-                    <About
-                      mode={mode}
-                      setProgress={setProgress}
-                      showAlert={showAlert}
-                    />
-                  }
-                />
+          <Route exact path="/discussion" element={<ProtectedRoute loggedin={islogged}><Discussion mode={mode} setProgress={setProgress} showAlert={showAlert} /></ProtectedRoute>} />
+                <Route exact path="/community" element={<ProtectedRoute loggedin={islogged}><Community mode={mode} setProgress={setProgress} showAlert={showAlert} /></ProtectedRoute>} />
+               <Route exact path="/about" element={<ProtectedRoute loggedin={islogged}><About mode={mode} setProgress={setProgress} showAlert={showAlert} /></ProtectedRoute>} />
                 <Route
                   exact
                   path='/myprofile'
@@ -224,17 +195,7 @@ function App() {
                     />
                   }
                 />
-                <Route
-                  exact
-                  path='/login'
-                  element={
-                    <Login
-                      mode={mode}
-                      setProgress={setProgress}
-                      showAlert={showAlert}
-                    />
-                  }
-                />
+                 <Route exact path="/login" element={<Login mode={mode} setProgress={setProgress} showAlert={showAlert} loggedin={islogged} setloggedin={setloggedin}/>} />
                 <Route
                   exact
                   path='/signup'

client/src/component/Login.jsx

@@ -13,7 +13,7 @@ import toast from "react-hot-toast";
 
 const VITE_SERVER_PORT = import.meta.env.VITE_SERVER_PORT || 'https://bitbox-uxbo.onrender.com';
 
-const Login = ({ mode, showAlert }) => {
+const Login = ({ mode, showAlert,isloggedin,setloggedin  }) => {
   const [credentials, setCredentials] = useState({ email: "", password: "" });
   const [loading, setLoading] = useState(false);
 
@@ -36,6 +36,7 @@ const Login = ({ mode, showAlert }) => {
         localStorage.setItem("token", json.authtoken);
         showAlert("Logged in Successfully", "success");
         toast.success("Login Successfully!");
+         setloggedin(!isloggedin)
         navigate("/");
       } else {
         showAlert("Invalid Credentials", "danger");

client/src/component/ProtectedRoute.jsx

@@ -0,0 +1,11 @@
+
+import { Navigate } from 'react-router-dom'
+export default function ProtectedRoute({loggedin,children}) {
+   console.log(loggedin);
+  if(loggedin){
+    return children
+  }
+  else{
+    return <Navigate to="/login"/>
+  }
+}