src/components/Layout/Header.jsx

@@ -8,21 +8,16 @@ import { useProfile } from "../../hooks/useProfile";
 import { useNavigate } from "react-router-dom";
 import Avatar from "../../components/common/Avatar";
 import { useChangePassword } from "../Context/ChangePasswordContext";
-import { useProjects } from "../../hooks/useProjects";
+import {useProjects} from "../../hooks/useProjects";
 import {useEffect, useState} from "react";
-
-
 const Header = () => {
   const {profile} = useProfile();
-  //  const { projects, loading: projectLoading } = useProjects();
+  const [selectedProjectId, setSelectedProjectId] = useState("all");
-  // const selectedProject = useSelector(
-  //   (store) => store.localVariables.projectId
-  // );
-  // const [selectedProjectId, setSelectedProjectId] = useState("all");
   const dispatch = useDispatch(changeMaster("Job Role"));
   const { data, loading } = useMaster();
   const navigate = useNavigate();
- 
+  const {projects, loading:projectLoading} = useProjects()
+  const selectedProject = useSelector((store)=>store. localVariables.projectId)
 
   const getRole = (roles, joRoleId) => {
     if (!Array.isArray(roles)) return "User";
@@ -68,33 +63,17 @@ const Header = () => {
   const handleProfilePage = () => {
     navigate(`/employee/${profile?.employeeInfo?.id}?for=attendance`);
   };
-  const { projects, loading: projectLoading } = useProjects();
+  const handleProjectselection = (project) =>
-
-  const selectedProject = useSelector(
-    (store) => store.localVariables.projectId
-  );
-
-const selectedProjectName = projects?.find(
-  (p) => p?.id === selectedProject
-)?.name;
-
-let displayText = "";
-if (selectedProjectName) {
-  displayText = selectedProjectName;
-} else if (projectLoading && selectedProject) {
-  displayText = selectedProject; 
-} else if (projectLoading) {
-  displayText = "Loading...";
-}
-
-  const { openChangePassword } = useChangePassword();
-  useEffect( () =>
   {
-    if ( projects && selectedProject !== ' ')
+     useDispatch(setProjectId(project.id))
-    {
+    setProject(project)
-      dispatch(setProjectId(projects[0]?.id))
   }
-},[projects])
+ 
+
+
+  const {openChangePassword} = useChangePassword();
+  
+
   return (
     <nav
       className="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
@@ -112,8 +91,9 @@ if (selectedProjectName) {
         className="navbar-nav-right d-flex align-items-center justify-content-between"
         id="navbar-collapse"
       >
+        {/* Search */}
         <div className=" align-items-center">
-          {/* 
+{/* 
                <li className="nav-item ">
                     <label>
                               <select
@@ -139,17 +119,21 @@ if (selectedProjectName) {
                             </label>
           </li> */}
           
+
           <div className="btn-group">
             <button
-              className="btn btn-sm-sm btn-xl dropdown-toggle"
+              className="btn btn-outline-primary btn-sm dropdown-toggle"
               type="button"
               data-bs-toggle="dropdown"
               aria-expanded="false"
             >
-               {displayText}
+              {selectedProject === " "
+                ? "All Projects"
+                : projects?.find((p) => p?.id === selectedProject)?.name || "Select Project"}
             </button>
 
             <ul className="dropdown-menu">
+             
               {projects?.map((project) => (
                 <li key={project?.id}>
                   <button
@@ -194,7 +178,10 @@ if (selectedProjectName) {
           </div> */}
         </div>
 
+
+        {/* icon list */}
         <ul className="navbar-nav flex-row align-items-center ms-md-auto">
+     
           <li className="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0">
             <a
               className="nav-link dropdown-toggle hide-arrow"
@@ -701,9 +688,7 @@ if (selectedProjectName) {
                   </span>
                 </a>
               </li>
-              <li onClick={openChangePassword}>
+              <li onClick={openChangePassword}> {/* Use the function from the context */}
-                {" "}
-                {/* Use the function from the context */}
                 <a
                   aria-label="go to profile"
                   className="dropdown-item cusor-pointer"