Added support to view your organizations in a list.

inventory-manager/src/App.jsx

@@ -15,6 +15,7 @@ import { useState } from "react";
 import useToken from "./components/useToken";
 import AccountInformation from "./components/user/AccountInformation";
 import PrivateRoutes from "./routes/PrivateRoutes";
+import MyOrganizations from "./components/myorg/MyOrganizations";
 
 function App() {
   // const [token, setToken] = useState();
@@ -45,7 +46,9 @@ function App() {
         <Route element={<PrivateRoutes token={token} />}>
           <Route path="/createrequest" element={<CreateRequest />} />
         </Route>
-
+        <Route element={<PrivateRoutes token={token} />}>
+          <Route path="/myorganizations" element={<MyOrganizations token={token}/>} />
+        </Route>
         <Route
           path="/listallorganizations"
           element={<ListAllOrganizations />}

inventory-manager/src/components/Navbar.jsx

@@ -34,7 +34,9 @@ export const Navbar = ({ token }) => {
               <li>
                 <NavLink to="/accountinfo">Account Information</NavLink>
               </li>
-
+            <li>
+                <NavLink to="/myorganizations">My Organizations</NavLink>
+            </li>
               <li>
                 <NavLink to="/createorganization">Create Organization</NavLink>
               </li>

inventory-manager/src/components/myorg/MyOrganization.css

+.organization-list {
+    max-width: 600px;
+    margin: 0 auto;
+}
+
+.organization-item {
+    border: 1px solid #ccc;
+    padding: 10px;
+    margin-bottom: 10px;
+    border-radius: 5px;
+}
+
+.organization-item h3 {
+    margin-bottom: 5px;
+}
+
+/* Add more styling as needed */

inventory-manager/src/components/myorg/MyOrganizations.jsx

+import React, { useState, useEffect } from 'react';
+import Axios from 'axios';
+import './MyOrganization.css'
+import PropTypes from "prop-types";
+const MyOrganizations = ({ token }) => {
+    const [organizations, setOrganizations] = useState([]);
+
+    useEffect(() => {
+        const fetchOrganizations = async () => {
+            try {
+                console.log(token)
+                const response = await Axios.post('http://localhost:8080/myorg/user', {
+                    jwt: token.jwt
+                });
+
+                if (response.data.result === 'success') {
+                    setOrganizations(response.data.data);
+                } else {
+                    console.error('Error fetching organizations');
+                }
+            } catch (error) {
+                console.error('Error fetching organizations:', error);
+            }
+        };
+
+        fetchOrganizations();
+    }, [token]);
+
+    return (
+        <div className="organization-list">
+            <h2>Your Organizations</h2>
+            <ul>
+                {organizations.map((org) => (
+                    <li key={org.orgId} className="organization-item">
+                        {/*<Link to={`/organization/${org.orgId}`}>*/}
+                        <h3>{org.name}</h3>
+                        {/*</Link>*/}
+                        <p>Category: {org.category}</p>
+                        <p>Members: {org.memberCount}</p>
+                        {/* Add more information as needed */}
+                    </li>
+                ))}
+            </ul>
+        </div>
+    );
+};
+MyOrganizations.propTypes = {
+    token: PropTypes.shape({
+        jwt: PropTypes.string.isRequired,
+    }).isRequired,
+};
+export default MyOrganizations;

src/main/java/com/example/accessingdatamysql/auth/AuthController.java

@@ -64,6 +64,7 @@ public class AuthController {
     public @ResponseBody Map<String, String> verify(@RequestBody Map<String, String> json)
     {
         Map<String, String> res = new HashMap<String, String>();
+        System.out.println(json.entrySet());
         if (json.containsKey("jwt"))
         {
             Claims claim = JWT.decodeJWT(json.get("jwt"));