loginandlogout

joshuajoyreji · Mar 19, 2023 · 9cb4813 · 9cb4813
1 parent a1cb185
commit 9cb4813
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 25 deletions.
diff --git a/frontend/src/Components/Navbar/Navbar.js b/frontend/src/Components/Navbar/Navbar.js
@@ -32,10 +32,9 @@ const Navbar = () => {
                         <span class="replies">Heart Disease</span>
                         <span class="comments"></span>
                     </a>
-                    <a  onClick={localStorage.removeItem('token')} target="_self" className='btn1'>
-                        <span class="replies">Logout</span>
-                        <span class="comments"></span>
-                    </a>
+                    <button class="btn1"  onClick={() => { localStorage.removeItem('token'); window.location.href='/Login'; }}>
+                 Logout
+                </button>
                 </div>
             </div >
         )

diff --git a/frontend/src/index.js b/frontend/src/index.js
@@ -1,17 +1,12 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
-ReactDOM.render(
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-  );
-
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+  </React.StrictMode>
+);
diff --git a/frontend/src/pages/Login/Login.js b/frontend/src/pages/Login/Login.js
@@ -7,7 +7,7 @@ const Login = () => {
         email: "",
         password: ""
     })
-    const baseURL = "https://localhost:4000/api"
+    const baseURL = "http://localhost:4000/api"
     const addData = (e) => {
         const { name, value } = e.target;
         setData(() => {
@@ -19,18 +19,19 @@ const Login = () => {
         })
     }
 
-    async function login() {
+    async function login(){
         await axios
             .post(`${baseURL}/auth/signin`, {
-                email: logdata.email,
-                password: logdata.password
+              email: logdata.email,
+              password: logdata.password
             })
             .then((response) => {
-                console.log(response.data);
-                localStorage.setItem("token", response.data.token);
-                localStorage.setItem("userId", response.data.data[0]._id)
+              console.log(response.data);
+              localStorage.setItem("token",response.data.token);
+              localStorage.setItem("userId",response.data.data[0]._id)
+              window.location.href = "/";
             });
-    }
+      }
 
     return (
         <div className='motham'>
@@ -54,9 +55,10 @@ const Login = () => {
                             <label for="loginPassword">Password</label>
                         </div>
                         <input type="submit" value="Sign In" class="submit-btn" onClick={(e)=>{
+
                             e.preventDefault();
+                            console.log(logdata)
                             login();
-                            window.location.href="/"
                         }}/>
 
                     </form>

diff --git a/frontend/src/pages/Signup/Signup.js b/frontend/src/pages/Signup/Signup.js
@@ -32,7 +32,7 @@ const Signup = () => {
             })
             .then((response) => {
                 console.log(response.data);
-                window.localStorage.setItem("token", "xxx");
+                localStorage.setItem("token", "xxx");
                 window.location.href = "/";
             });
     }