added logout

src/Components/SideMenu/index.js

@@ -4,14 +4,15 @@ import {
   SnippetsOutlined,
   UserOutlined,
 } from "@ant-design/icons";
-import { Divider, Menu } from "antd";
+import { Badge, Divider, Menu } from "antd";
 import Sider from "antd/es/layout/Sider";
 import { useContext, useEffect, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import PropTypes from "prop-types";
-import { ClientUserData } from "../../constants";
+import { ClientUserData, Constants, UseUserSession } from "../../constants";
 
 export default function SideMenu({ setUserSession }) {
+  const { userSession } = UseUserSession();
   const location = useLocation();
   const [selectedKeys, setSelectedKeys] = useState("/");
   const clientUserData = useContext(ClientUserData);
@@ -65,6 +66,9 @@ export default function SideMenu({ setUserSession }) {
             selectable={false}
             mode="vertical"
             items={[
+              {
+                icon: <Badge status="success" text="Connected" />,
+              },
               {
                 label: clientUserData.Username,
                 icon: <UserOutlined />,
@@ -75,6 +79,14 @@ export default function SideMenu({ setUserSession }) {
                 onClick: () => {
                   setUserSession();
                   window.location.href = "/";
+
+                  fetch(Constants.API_ADDRESS + "/user/auth/logout", {
+                    method: "DELETE",
+                    headers: {
+                      "Content-Type": "application/json",
+                      "X-Authorization": userSession,
+                    },
+                  }).catch(console.error);
                 },
               },
             ]}