@campxdev/campx-web-utils 0.3.2 → 0.3.4

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@campxdev/campx-web-utils",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "main": "./export.ts",
   "private": false,
   "peerDependencies": {
-    "@campxdev/react-blueprint": ">=^1.5.7",
+    "@campxdev/react-blueprint": ">=^1.5.8",
     "@emotion/react": ">=^11.13.3",
     "@emotion/styled": ">=^11.13.0",
     "@mui/icons-material": ">=6.1.5",
@@ -13,7 +13,7 @@
     "@mui/x-date-pickers": ">=7.22.1"
   },
   "dependencies": {
-    "@campxdev/react-blueprint": "1.5.7",
+    "@campxdev/react-blueprint": "1.5.8",
     "@hookform/resolvers": "^3.9.0",
     "@mui/x-date-pickers": "^7.22.1",
     "axios": "^1.7.2",

package/src/context/application-store.ts

@@ -20,6 +20,7 @@ export type ApplicationStoreType = {
   };
   user?: {
     fullName: string;
+    email?: string;
     employeeId?: string;
     departmentIds?: string[];
     designationId?: string;

package/src/layout/AppLayout.tsx

@@ -2,8 +2,10 @@ import { AppHeader, Sidebar, Spinner } from '@campxdev/react-blueprint';
 import { SideMenuItemProps } from '@campxdev/react-blueprint/src/components/Navigation/Sidebar/Sidebar';
 import { Box, Stack, useTheme } from '@mui/material';
 import { motion } from 'framer-motion';
+import Cookies from 'js-cookie';
 import { Suspense, useState } from 'react';
-import { ErrorBoundary } from '../context/export';
+import { axios } from '../config/axios';
+import { ApplicationStore, ErrorBoundary } from '../context/export';
 
 interface Props {
   children?: React.ReactNode;
@@ -19,6 +21,22 @@ export const AppLayout: React.FC<Props> = ({
   const [collapsed, setCollapsed] = useState(true);
   const theme = useTheme();
 
+  const user = ApplicationStore.useState((s) => s.user);
+
+  function logout() {
+    axios
+      .post('/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.");
+      });
+  }
+
   return (
     <Stack
       sx={{ backgroundColor: theme.palette.surface.defaultBackground }}
@@ -40,8 +58,10 @@ export const AppLayout: React.FC<Props> = ({
             actions={[]}
             collapsed={collapsed}
             showActiveDevices={false}
+            onLogoutClick={logout}
             clientName={''}
-            userFullName={''}
+            userFullName={user ? user.fullName : ''}
+            designation={user?.email}
           />
           <Box
             sx={{

package/src/utils/export.ts

@@ -1,4 +1,3 @@
-export * from './breadcrumbs';
 export const isDevelopment =
   process.env.NODE_ENV === 'development' ||
   window.location.hostname === 'localhost';

package/src/utils/breadcrumbs.ts

@@ -1,21 +0,0 @@
-export const getBreadcrumbsCharacter = () => {
-  const unicodeChar = String.fromCharCode(0x21e5);
-  const testElement = document.createElement('span');
-  testElement.innerHTML = unicodeChar;
-  document.body.appendChild(testElement);
-  const isRendered = testElement.offsetWidth > 0;
-  document.body.removeChild(testElement);
-
-  const fallbackChar = '~~';
-  const s = isRendered ? unicodeChar : fallbackChar;
-
-  return s;
-};
-
-type GetUrlSegment = {
-  name: string;
-  id: string | number;
-};
-export const getUrlSegment = ({ name, id }: GetUrlSegment) => {
-  return `${name}${getBreadcrumbsCharacter()}${id}`;
-};