-
-
-
-
-
- {pageTitle}
-
-
- {/* Multiple theme selection, uncomment this if you want to enable multiple themes selection,
+ }, []);
+
+ const openNotification = () => {
+ openRightDrawer({
+ header: "Notifications",
+ bodyType: RIGHT_DRAWER_TYPES.NOTIFICATION,
+ });
+ };
+
+ function logoutUser() {
+ localStorage.clear();
+ window.location.href = "/";
+ }
+
+ return (
+ <>
+
+
+ );
}
-export default Header
\ No newline at end of file
+export default Header;
diff --git a/src/containers/Layout.js b/src/containers/Layout.js
index e8cd62d..2481b2d 100644
--- a/src/containers/Layout.js
+++ b/src/containers/Layout.js
@@ -1,47 +1,56 @@
-import PageContent from "./PageContent"
-import LeftSidebar from "./LeftSidebar"
-import { useSelector, useDispatch } from 'react-redux'
-import RightSidebar from './RightSidebar'
-import { useEffect } from "react"
-import { removeNotificationMessage } from "../features/common/headerSlice"
-import {NotificationContainer, NotificationManager} from 'react-notifications';
-import 'react-notifications/lib/notifications.css';
-import ModalLayout from "./ModalLayout"
-
-function Layout(){
- const dispatch = useDispatch()
- const {newNotificationMessage, newNotificationStatus} = useSelector(state => state.header)
-
+import PageContent from "./PageContent";
+import LeftSidebar from "./LeftSidebar";
+import useStore from "../app/store_zustand";
+import RightSidebar from "./RightSidebar";
+import { useEffect } from "react";
+import {
+ NotificationContainer,
+ NotificationManager,
+} from "react-notifications";
+import "react-notifications/lib/notifications.css";
+import ModalLayout from "./ModalLayout";
+
+function Layout() {
+ const { newNotificationMessage, newNotificationStatus } = useStore(
+ (state) => state.header
+ );
+ const removeNotificationMessage = useStore(
+ (state) => state.removeNotificationMessage
+ );
useEffect(() => {
- if(newNotificationMessage !== ""){
- if(newNotificationStatus === 1)NotificationManager.success(newNotificationMessage, 'Success')
- if(newNotificationStatus === 0)NotificationManager.error( newNotificationMessage, 'Error')
- dispatch(removeNotificationMessage())
- }
- }, [newNotificationMessage])
-
- return(
- <>
- { /* Left drawer - containing page content and side bar (always open) */ }
-
+ {/* Menu toogle for mobile view or small screen */}
+
+
+
+
+
+ {pageTitle}
+
+ {/* Multiple theme selection, uncomment this if you want to enable multiple themes selection,
also includes corporate and retro themes in tailwind.config file */}
-
- {/*
-
-
- )
+
+
+ {/* Profile icon, opening menu on click */}
+
+
+
+ -
+
- + + Profile Settings + New + + +
- + Bill History + + +
- + Logout + +
-
-
-
- { /* Right drawer - containing secondary content like notifications list etc.. */ }
-
+
+
+
+ {/* Right drawer - containing secondary content like notifications list etc.. */}
+
+
+
+ );
}
-export default LeftSidebar
\ No newline at end of file
+export default LeftSidebar;
diff --git a/src/containers/ModalLayout.js b/src/containers/ModalLayout.js
index 37a87f9..6376f44 100644
--- a/src/containers/ModalLayout.js
+++ b/src/containers/ModalLayout.js
@@ -1,46 +1,55 @@
-import { useEffect } from 'react'
-import { MODAL_BODY_TYPES } from '../utils/globalConstantUtil'
-import { useSelector, useDispatch } from 'react-redux'
-import { closeModal } from '../features/common/modalSlice'
-import AddLeadModalBody from '../features/leads/components/AddLeadModalBody'
-import ConfirmationModalBody from '../features/common/components/ConfirmationModalBody'
-
-
-function ModalLayout(){
-
-
- const {isOpen, bodyType, size, extraObject, title} = useSelector(state => state.modal)
- const dispatch = useDispatch()
-
- const close = (e) => {
- dispatch(closeModal(e))
- }
-
-
-
- return(
- <>
- {/* The button to open modal */}
-
- {/* Put this part before tag */}
- -
+
- const close = (e) => {
- document.getElementById('left-sidebar-drawer').click()
- }
-
- return(
-
-
-
-
DashWind
- {
- routes.map((route, k) => {
- return(
- -
- {
- route.submenu ?
-
: - ( `${isActive ? 'font-semibold bg-base-200 ' : 'font-normal'}`} > - {route.icon} {route.name} - { - location.pathname === route.path ? () : null - } - ) - } - -
- )
- })
- }
-
- -
+
+
+ DashWind
+ {" "}
+
+ {routes.map((route, k) => {
+ return (
+
-
+ {route.submenu ? (
+
+ ) : ( + + `${ + isActive ? "font-semibold bg-base-200 " : "font-normal" + }` + } + > + {route.icon} {route.name} + {location.pathname === route.path ? ( + + ) : null} + + )} +
+ );
+ })}
+
-
-
- )
+ -
-
-
-
-
-
- )
+import { MODAL_BODY_TYPES } from "../utils/globalConstantUtil";
+import useStore from "../app/store_zustand";
+import AddLeadModalBody from "../features/leads/components/AddLeadModalBody";
+import ConfirmationModalBody from "../features/common/components/ConfirmationModalBody";
+
+function ModalLayout() {
+ const { isOpen, bodyType, size, extraObject, title } = useStore(
+ (state) => state.modal
+ );
+ const closeModal = useStore((state) => state.closeModal);
+
+ const close = (e) => {
+ closeModal();
+ };
+
+ return (
+ <>
+ {/* The button to open modal */}
+
+ {/* Put this part before
-
- ,
- [MODAL_BODY_TYPES.CONFIRMATION] : ,
- [MODAL_BODY_TYPES.DEFAULT] :
- }[bodyType]
- }
-
-