@campxdev/react-blueprint 0.1.54 → 0.1.56

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "0.1.54",
+  "version": "0.1.56",
   "main": "./export.ts",
   "private": false,
   "dependencies": {
-    "@campxdev/campx-web-utils": "^0.1.3",
+    "@campxdev/campx-web-utils": "0.1.5",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.15.20",

package/src/components/Layout/AppHeader/AppHeader.tsx

@@ -34,12 +34,15 @@ export const AppHeader = ({
     <StyledHeader collapsed={collapsed} className="appHeader">
       <Typography variant={"subtitle2"}>{clientName}</Typography>
       <Stack alignItems={"center"} gap={"12px"} flexDirection={"row"}>
-        <StyledIconButton
-          onClick={() => {
-            alert("help button clicked");
-          }}
-        >
-          <HelpIcon size={20} />
+        <StyledIconButton>
+          <a
+            href={"https://campx.atlassian.net/servicedesk/customer/portal/2"}
+            target="_blank"
+            rel="noreferrer"
+            style={{ textDecoration: "none" }}
+          >
+            <HelpIcon size={20} />
+          </a>
         </StyledIconButton>
         <UserBox
           fullName={userFullName}

package/src/components/Layout/AppHeader/AppHeaderActions/UserBox.tsx

@@ -1,5 +1,6 @@
 import { Avatar, Box, Stack, Typography, useTheme } from "@mui/material";
 import { ReactNode } from "react";
+import logout from "../../../../utils/logout";
 import DialogButton from "../../../Navigation/DialogButton/DialogButton";
 import { DropdownMenu } from "../../../Navigation/DropDownMenu/DropDownMenu";
 import { DropdownMenuItem } from "../../../Navigation/DropDownMenu/DropdownMenuItem";
@@ -88,7 +89,7 @@ export default function UserBox({
                 </Stack>
               </Stack>
             }
-            onClick={() => alert("Action 1 clicked")}
+            onClick={() => console.log("Action 1 clicked")}
           />,
           showActiveDevices && (
             <DropdownMenuItem
@@ -136,7 +137,7 @@ export default function UserBox({
                 />
               </Stack>
             }
-            onClick={() => alert("Action 1 clicked")}
+            onClick={logout}
           />,
         ]}
       />

package/src/components/Navigation/Sidebar/Sidebar.tsx

@@ -57,7 +57,12 @@ export const Sidebar = ({
         match={match}
         className="listItem"
       >
-        <StyledLinkButton to={path} onClick={() => {}}>
+        <StyledLinkButton
+          to={path}
+          onClick={() => {
+            setCollapsed(false);
+          }}
+        >
           <StyledListItemButton collapsed={collapsed}>
             <StyledListItemIcon collapsed={collapsed}>
               {Icon ? Icon : <Icons.HomeIcon />}

package/src/utils/logout.ts

@@ -0,0 +1,22 @@
+// import axios, {
+//   axiosErrorToast,
+// } from "@campxdev/campx-web-utils/src/config/axios";
+import { axios } from "@campxdev/campx-web-utils";
+import Cookies from "js-cookie";
+
+export default function logout() {
+  axios({
+    method: "POST",
+    baseURL: process.env.REACT_APP_API_HOST,
+    url: "/auth-server/auth/logout",
+  })
+    .then((res) => {
+      Cookies.remove("campx_tenant");
+      Cookies.remove("campx_session_key");
+      Cookies.remove("campx_institution");
+      window.location.href = "/";
+    })
+    .catch((err) => {
+      // toast("Unable To Logout.");
+    });
+}