slightly less broken

inventory-manager/src/App.jsx

@@ -11,20 +11,6 @@ import {
 import { useState } from "react";
 import useToken from "./components/useToken";
 
-// function setToken(userToken) {
-//   sessionStorage.setItem('token', JSON.stringify(userToken.data));
-// }
-
-// function getToken() {
-//   const tokenString = sessionStorage.getItem('token');
-//   if (!tokenString)
-//     return null;
-//   const userToken = JSON.parse(tokenString);
-//   if (userToken.user != null)
-//     return tokenString;
-//   return null;
-// }
-
 
 function App() {
   // const [token, setToken] = useState();
@@ -39,9 +25,9 @@ function App() {
       <Navbar />
       <Routes>
         <Route path="/" element={<Home />} />
-        <Route path="/login" element={<Login />} />
+        <Route path="/login" element={<Login setToken={token}/>} />
         <Route path="/register" element={<Register />} />
-        <Route path="/deleteUser" element={<DeleteUser />} />
+        <Route path="/deleteUser" element={<DeleteUser token={token}/>} />
         <Route path="/updatepassword" element={<UpdatePassword />} />
       </Routes>
     </div>

inventory-manager/src/components/user/DeleteUser.jsx

 import React, { useState } from "react";
 import Axios from "axios";
+import useToken from "../useToken";
 
-export const DeleteUser = () => {
+export const DeleteUser = (token) => {
   const [email, setEmail] = useState("");
-
+  console.log(JSON.parse(token.token).user);
   const handleSubmit = (e) => {
     e.preventDefault();
 
     Axios.delete("http://localhost:8080/user/delete", {
       headers: {},
       data: {
-        email: email
+        email: JSON.parse(token.token).user
       }
     }).then((response) => {
       console.log(response);
     });
     };
 
-  //   Axios.delete("http://localhost:8080/user/delete", {
-  //     email: email,
-  //   }).then((response) => {
-  //     console.log(response);
-  //   });
-  // };
 
   return (
     <div className="auth-form-container">