Merge branch 'main' of https://git.marcoaiot.com/admin/marco.pms.web into UI_Changes_PMS

src/components/Activities/AttendLogs.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { useEmployeeAttendacesLog } from "../../hooks/useAttendance";
-import { convertShortTime } from "../../utils/dateUtils";
+import { convertShortTime, formatUTCToLocalTime } from "../../utils/dateUtils";
 import { useNavigate } from "react-router-dom";
 import { THRESH_HOLD } from "../../utils/constants";
 
@@ -128,7 +128,7 @@ const AttendLogs = ({ Id }) => {
           <p>
             Attendance logs for{" "}
             {logs[0]?.employee?.firstName + " " + logs[0]?.employee?.lastName}{" "}
-            on {logs[0]?.activityTime.slice(0, 10)}{" "}
+            on {formatUTCToLocalTime(logs[0]?.activityTime)}
           </p>
         )}
       </div>
@@ -156,7 +156,7 @@ const AttendLogs = ({ Id }) => {
                 .sort((a, b) => b.id - a.id)
                 .map((log, index) => (
                   <tr key={index}>
-                    <td>{log.activityTime.slice(0, 10)}</td>
+                    <td>{formatUTCToLocalTime(log.activityTime)}</td>
                     <td>{convertShortTime(log.activityTime)}</td>
                     <td>
                       {whichActivityPerform(log.activity, log.activityTime)}

src/components/Activities/Attendance.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback, useMemo } from "react";
 import moment from "moment";
 import Avatar from "../common/Avatar";
-import { convertShortTime } from "../../utils/dateUtils";
+import { convertShortTime, formatUTCToLocalTime } from "../../utils/dateUtils";
 import RenderAttendanceStatus from "./RenderAttendanceStatus";
 import usePagination from "../../hooks/usePagination";
 import { useNavigate } from "react-router-dom";
@@ -10,7 +10,7 @@ import { useAttendance } from "../../hooks/useAttendance";
 import { useSelector } from "react-redux";
 import { useQueryClient } from "@tanstack/react-query";
 import eventBus from "../../services/eventBus";
-import { useSelectedproject } from "../../slices/apiDataManager";
+import { useSelectedProject } from "../../slices/apiDataManager";
 
 const Attendance = ({ getRole, handleModalData, searchTerm }) => {
   const queryClient = useQueryClient();
@@ -21,7 +21,7 @@ const Attendance = ({ getRole, handleModalData, searchTerm }) => {
   // const selectedProject = useSelector(
   //   (store) => store.localVariables.projectId
   // );
-  const selectedProject = useSelectedproject();
+  const selectedProject = useSelectedProject();
   const {
     attendance,
     loading: attLoading,
@@ -116,7 +116,7 @@ const Attendance = ({ getRole, handleModalData, searchTerm }) => {
     <>
       <div className="table-responsive text-nowrap h-100" >
         <div className="d-flex text-start align-items-center py-2">
-          <strong>Date : {todayDate.toLocaleDateString("en-GB")}</strong>
+          <strong>Date : {formatUTCToLocalTime(todayDate)}</strong>
           <div className="form-check form-switch text-start m-0 ms-5">
             <input
               type="checkbox"

src/components/Activities/AttendcesLogs.jsx

@@ -6,11 +6,12 @@ import RenderAttendanceStatus from "./RenderAttendanceStatus";
 import { useSelector, useDispatch } from "react-redux";
 import { fetchAttendanceData } from "../../slices/apiSlice/attedanceLogsSlice";
 import DateRangePicker from "../common/DateRangePicker";
-import { clearCacheKey, getCachedData, useSelectedproject } from "../../slices/apiDataManager";
+import { clearCacheKey, getCachedData, useSelectedProject } from "../../slices/apiDataManager";
 import eventBus from "../../services/eventBus";
 import AttendanceRepository from "../../repositories/AttendanceRepository";
 import { useAttendancesLogs } from "../../hooks/useAttendance";
 import { queryClient } from "../../layouts/AuthLayout";
+import { ITEMS_PER_PAGE } from "../../utils/constants";
 
 const usePagination = (data, itemsPerPage) => {
   const [currentPage, setCurrentPage] = useState(1);
@@ -37,7 +38,7 @@ const AttendanceLog = ({ handleModalData, searchTerm }) => {
   // const selectedProject = useSelector(
   //   (store) => store.localVariables.projectId
   // );
-  const selectedProject = useSelectedproject();
+  const selectedProject = useSelectedProject();
   const [dateRange, setDateRange] = useState({ startDate: "", endDate: "" });
   const dispatch = useDispatch();
   const [loading, setLoading] = useState(false);
@@ -353,7 +354,7 @@ const AttendanceLog = ({ handleModalData, searchTerm }) => {
           <span className="text-secondary">No Pending Record Available !</span>
         </div>
       )}
-      {filteredSearchData.length > 10 && (
+      {filteredSearchData.length > ITEMS_PER_PAGE && (
         <nav aria-label="Page ">
           <ul className="pagination pagination-sm justify-content-end py-1">
             <li className={`page-item ${currentPage === 1 ? "disabled" : ""}`}>

src/components/Activities/CheckCheckOutForm.jsx

@@ -9,7 +9,7 @@ import { markAttendance } from "../../slices/apiSlice/attedanceLogsSlice";
 import showToast from "../../services/toastService";
 import { checkIfCurrentDate } from "../../utils/dateUtils";
 import { useMarkAttendance } from "../../hooks/useAttendance";
-import { useSelectedproject } from "../../slices/apiDataManager";
+import { useSelectedProject } from "../../slices/apiDataManager";
 
 const createSchema = (modeldata) => {
   return z
@@ -43,9 +43,8 @@ const createSchema = (modeldata) => {
     });
 };
 
-const CheckCheckOutmodel = ({ modeldata, closeModal, handleSubmitForm }) => {
+const CheckInCheckOut = ({ modeldata, closeModal, handleSubmitForm }) => {
-  // const projectId = useSelector((store) => store.localVariables.projectId);
+  const projectId = useSelectedProject();
-  const projectId = useSelectedproject();
   const { mutate: MarkAttendance } = useMarkAttendance();
   const [isLoading, setIsLoading] = useState(false);
   const coords = usePositionTracker();
@@ -174,7 +173,7 @@ const CheckCheckOutmodel = ({ modeldata, closeModal, handleSubmitForm }) => {
   );
 };
 
-export default CheckCheckOutmodel;
+export default CheckInCheckOut;
 
 const schemaReg = z.object({
   description: z.string().min(1, { message: "please give reason!" }),

src/components/Activities/InfraPlanning.jsx

@@ -15,7 +15,7 @@ import {useDispatch, useSelector} from "react-redux";
 import {useProfile} from "../../hooks/useProfile";
 import {refreshData, setProjectId} from "../../slices/localVariablesSlice";
 import InfraTable from "../Project/Infrastructure/InfraTable";
-import { useSelectedproject } from "../../slices/apiDataManager";
+import { useSelectedProject } from "../../slices/apiDataManager";
 import Loader from "../common/Loader";
 
 
@@ -24,7 +24,7 @@ const InfraPlanning = () =>
   const {profile: LoggedUser, refetch : fetchData} = useProfile()
   const dispatch = useDispatch()
   // const selectedProject = useSelector((store)=>store.localVariables.projectId)
-  const selectedProject = useSelectedproject();
+  const selectedProject = useSelectedProject();
   const {projectInfra, isLoading, error} = useProjectInfra( selectedProject )
 
 
@@ -35,15 +35,15 @@ const InfraPlanning = () =>
   const reloadedData = useSelector( ( store ) => store.localVariables.reload )
 
   
-   useEffect( () =>
+  //  useEffect( () =>
-   {
+  //  {
-     if (reloadedData)
+  //    if (reloadedData)
-     {
+  //    {
-       refetch()
+  //      refetch()
-       dispatch( refreshData( false ) )
+  //      dispatch( refreshData( false ) )
-     }
+  //    }
 
-   },[reloadedData])
+  //  },[reloadedData])
 
   return (
     <div className="col-md-12 col-lg-12 col-xl-12 order-0 mb-4">

src/components/Activities/Regularization.jsx

@@ -7,13 +7,13 @@ import { useRegularizationRequests } from "../../hooks/useAttendance";
 import moment from "moment";
 import usePagination from "../../hooks/usePagination";
 import eventBus from "../../services/eventBus";
-import { cacheData, clearCacheKey, useSelectedproject } from "../../slices/apiDataManager";
+import { cacheData, clearCacheKey, useSelectedProject } from "../../slices/apiDataManager";
 import { useQueryClient } from "@tanstack/react-query";
 
 const Regularization = ({ handleRequest, searchTerm }) => {
   const queryClient = useQueryClient();
   // var selectedProject = useSelector((store) => store.localVariables.projectId);
-  const selectedProject = useSelectedproject();
+  const selectedProject = useSelectedProject();
   const [regularizesList, setregularizedList] = useState([]);
   const { regularizes, loading, error, refetch } =
     useRegularizationRequests(selectedProject);

src/components/Activities/RegularizationActions.jsx

@@ -4,7 +4,7 @@ import useAttendanceStatus, { ACTIONS } from '../../hooks/useAttendanceStatus';
 import { useDispatch, useSelector } from 'react-redux';
 import { usePositionTracker } from '../../hooks/usePositionTracker';
 import {markCurrentAttendance} from '../../slices/apiSlice/attendanceAllSlice';
-import {cacheData, getCachedData, useSelectedproject} from '../../slices/apiDataManager';
+import {cacheData, getCachedData, useSelectedProject} from '../../slices/apiDataManager';
 import showToast from '../../services/toastService';
 import { useMarkAttendance } from '../../hooks/useAttendance';
 import { useQueryClient } from '@tanstack/react-query';
@@ -18,7 +18,7 @@ const {mutate:MarkAttendance,isPending} = useMarkAttendance()
 const queryClient = useQueryClient()
 
 // const projectId = useSelector((store)=>store.localVariables.projectId)
-const projectId = useSelectedproject();
+const projectId = useSelectedProject();
 const {latitude,longitude} = usePositionTracker();
 const dispatch = useDispatch()
 

src/components/Directory/NotesCardViewDirectory.jsx

@@ -1,8 +1,16 @@
 import React, { useEffect, useState, useMemo } from "react";
 import { DirectoryRepository } from "../../repositories/DirectoryRepository";
 import NoteCardDirectoryEditable from "./NoteCardDirectoryEditable";
+import { useSelectedProject } from "../../slices/apiDataManager";
+
+const NotesCardViewDirectory = ({
+  notes,
+  setNotesForFilter,
+  searchText,
+  filterAppliedNotes,
+}) => {
+  const projectId = useSelectedProject(); 
 
-const NotesCardViewDirectory = ({ notes, setNotesForFilter, searchText, filterAppliedNotes }) => {
   const [allNotes, setAllNotes] = useState([]);
   const [filteredNotes, setFilteredNotes] = useState([]);
   const [loading, setLoading] = useState(true);
@@ -13,13 +21,15 @@ const NotesCardViewDirectory = ({ notes, setNotesForFilter, searchText, filterAp
   const pageSize = 20;
 
   useEffect(() => {
-    fetchNotes();
+    if (projectId) {
-  }, []);
+      fetchNotes(projectId);
+    }
+  }, [projectId]);
 
-  const fetchNotes = async () => {
+  const fetchNotes = async (projId) => {
     setLoading(true);
     try {
-      const response = await DirectoryRepository.GetNotes(1000, 1);
+      const response = await DirectoryRepository.GetNotes(1000, 1, projId); // ✅ pass projectId
       const fetchedNotes = response.data?.data || [];
       setAllNotes(fetchedNotes);
       setNotesForFilter(fetchedNotes)
@@ -122,7 +132,7 @@ const NotesCardViewDirectory = ({ notes, setNotesForFilter, searchText, filterAp
                 prevNotes.map((n) => (n.id === updatedNote.id ? updatedNote : n))
               );
             }}
-            onNoteDelete={() => fetchNotes()}
+            onNoteDelete={() => fetchNotes(projectId)} // ✅ reload with projectId
           />
         ))}
       </div>

src/components/Employee/EmpAttendance.jsx

@@ -126,7 +126,7 @@ const EmpAttendance = ({ employee }) => {
           className="dataTables_length text-start py-2 d-flex justify-content-between "
           id="DataTables_Table_0_length"
         >
-          <div className="col-md-3 my-0 ">
+          <div className="col-md-4 my-0 ">
             <DateRangePicker
               DateDifference="30"
               onRangeChange={setDateRange}

src/components/Employee/EmpBanner.jsx

@@ -59,20 +59,20 @@ const EmpBanner = ({ profile, loggedInUser }) => {
               </h4>
               <ul className="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4 mt-4">
                 <li className="list-inline-item">
-                  <i className="icon-base bx bx-crown me-2 align-top"></i>
+                  <i className="icon-base bx bx-crown me-1 align-top"></i>
                   <span className="fw-medium">
                     {profile?.jobRole || <em>NA</em>}
                   </span>
                 </li>
                 <li className="list-inline-item">
-                  <i className="icon-base bx bx-phone me-2 align-top"></i>
+                  <i className="icon-base bx bx-phone me-0 align-top"></i>
                   <span className="fw-medium">
                     {" "}
                     {profile?.phoneNumber || <em>NA</em>}
                   </span>
                 </li>
                 <li className="list-inline-item">
-                  <i className="icon-base bx bx-calendar me-2 align-top"></i>
+                  <i className="icon-base bx bx-calendar me-0 align-top"></i>
                   <span className="fw-medium">
                     {" "}
                     Joined on{" "}
@@ -85,6 +85,7 @@ const EmpBanner = ({ profile, loggedInUser }) => {
                 </li>
               </ul>
               <ul className="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center mt-4">
+                {profile?.isActive && (   // ✅ show only if active
                   <li className="list-inline-item">
                     <button
                       className="btn btn-sm btn-primary btn-block"
@@ -93,8 +94,10 @@ const EmpBanner = ({ profile, loggedInUser }) => {
                       Edit Profile
                     </button>
                   </li>
+                )}
+
                 <li className="list-inline-item">
-                  {profile?.id == loggedInUser?.employeeInfo?.id && (
+                  {profile?.id === loggedInUser?.employeeInfo?.id && (
                     <button
                       className="btn btn-sm btn-outline-primary btn-block"
                       onClick={() => openChangePassword()}

src/components/Expenses/ExpenseFilterPanel.jsx

@@ -105,6 +105,7 @@ const ExpenseFilterPanel = ({ onApply, handleGroupBy }) => {
               startField="startDate"
               endField="endDate"
               resetSignal={resetKey}
+              defaultRange={false}
             />
           </div>
 

src/components/Layout/Header.jsx

@@ -3,7 +3,7 @@ import {
   cacheData,
   clearAllCache,
   getCachedData,
-  useSelectedproject,
+  useSelectedProject,
 } from "../../slices/apiDataManager";
 import AuthRepository from "../../repositories/AuthRepository";
 import { useDispatch, useSelector } from "react-redux";
@@ -101,7 +101,7 @@ const Header = () => {
 
   const { projectNames, loading: projectLoading, fetchData } = useProjectName();
 
-  const selectedProject = useSelectedproject();
+  const selectedProject = useSelectedProject();
 
   const projectsForDropdown = isDashboardPath
     ? projectNames

src/components/Project/AboutProject.jsx

@@ -8,7 +8,7 @@ import { MANAGE_PROJECT } from "../../utils/constants";
 import GlobalModel from "../common/GlobalModel";
 import ManageProjectInfo from "./ManageProjectInfo";
 import { useQueryClient } from "@tanstack/react-query";
-import { useSelectedproject } from "../../slices/apiDataManager";
+import { useSelectedProject } from "../../slices/apiDataManager";
 
 const AboutProject = () => {
   const [IsOpenModal, setIsOpenModal] = useState(false);
@@ -21,7 +21,7 @@ const AboutProject = () => {
 
   // *** MODIFIED LINE: Get projectId from Redux store using useSelector ***
   // const projectId = useSelector((store) => store.localVariables.projectId);
-  const projectId = useSelectedproject();
+  const projectId = useSelectedProject();
 
   const manageProject = useHasUserPermission(MANAGE_PROJECT);
   const { projects_Details, isLoading, error, refetch } = useProjectDetails(projectId); // Pass projectId from useSelector

src/components/Project/ProjectInfra.jsx

@@ -15,7 +15,7 @@ import {
   cacheData,
   clearCacheKey,
   getCachedData,
-  useSelectedproject,
+  useSelectedProject,
 } from "../../slices/apiDataManager";
 import { useProjectDetails, useProjectInfra } from "../../hooks/useProjects";
 import { useDispatch, useSelector } from "react-redux";
@@ -27,7 +27,7 @@ import GlobalModel from "../common/GlobalModel";
 const ProjectInfra = ( {data, onDataChange, eachSiteEngineer} ) =>
 {
   // const projectId = useSelector((store)=>store.localVariables.projectId)
-  const projectId = useSelectedproject();
+  const projectId = useSelectedProject();
   const reloadedData = useSelector((store) => store.localVariables.reload);
   const [ expandedBuildings, setExpandedBuildings ] = useState( [] );
    const {projectInfra,isLoading,error} = useProjectInfra(projectId)

src/components/Project/Teams.jsx

@@ -18,12 +18,12 @@ import {
   useEmployeesByProjectAllocated,
   useManageProjectAllocation,
 } from "../../hooks/useProjects";
-import { useSelectedproject } from "../../slices/apiDataManager";
+import { useSelectedProject } from "../../slices/apiDataManager";
 
 const Teams = () => {
   // const {projectId} = useParams()
   // const projectId = useSelector((store)=>store.localVariables.projectId)
-  const projectId = useSelectedproject();
+  const projectId = useSelectedProject();
   const dispatch = useDispatch();
 
   const { data, loading } = useMaster();

src/components/Tenant/EditProfile.jsx

@@ -96,19 +96,19 @@ const EditProfile = ({ TenantId,onClose }) => {
         </div>
 
         <div className="col-sm-6 mt-1">
-        <Label htmlFor="domainName" required>Domain Name</Label>
+          <Label htmlFor="domainName" >Domain Name</Label>
           <input id="domainName" type="text" className="form-control form-control-sm" {...register("domainName")} />
           {errors.domainName && <div className="danger-text">{errors.domainName.message}</div>}
         </div>
 
         <div className="col-sm-6 mt-1">
-        <Label htmlFor="taxId" required>Tax ID</Label>
+          <Label htmlFor="taxId" >Tax ID</Label>
           <input id="taxId" type="text" className="form-control form-control-sm" {...register("taxId")} />
           {errors.taxId && <div className="danger-text">{errors.taxId.message}</div>}
         </div>
 
         <div className="col-sm-6 mt-1">
-        <Label htmlFor="officeNumber" required>Office Number</Label>
+          <Label htmlFor="officeNumber" >Office Number</Label>
           <input id="officeNumber" type="text" className="form-control form-control-sm" {...register("officeNumber")} />
           {errors.officeNumber && <div className="danger-text">{errors.officeNumber.message}</div>}
         </div>

src/components/Tenant/OrganizationInfo.jsx

@@ -73,7 +73,7 @@ const OrganizationInfo = ({ onNext, onPrev, onSubmitTenant }) => {
       </div>
 
       <div className="col-sm-6">
-        <Label htmlFor="officeNumber" required>
+        <Label htmlFor="officeNumber" >
           Office Number
         </Label>
         <input
@@ -87,7 +87,7 @@ const OrganizationInfo = ({ onNext, onPrev, onSubmitTenant }) => {
       </div>
 
       <div className="col-sm-6">
-        <Label htmlFor="domainName" required>
+        <Label htmlFor="domainName" >
           Domain Name
         </Label>
         <input
@@ -101,7 +101,7 @@ const OrganizationInfo = ({ onNext, onPrev, onSubmitTenant }) => {
       </div>
 
       <div className="col-sm-6">
-        <Label htmlFor="taxId" required>
+        <Label htmlFor="taxId" >
           Tax ID
         </Label>
         <input
@@ -138,8 +138,10 @@ const OrganizationInfo = ({ onNext, onPrev, onSubmitTenant }) => {
         </Label>
 
         <select
-          className="form-select form-select-sm"
+          id="organizationSize"
-          {...register("organizationSize")}
+          className="form-select shadow-none border py-1 px-2"
+          style={{ fontSize: "0.875rem" }} // Bootstrap's small text size
+          {...register("organizationSize", { required: "Organization size is required" })}
         >
           {orgSize.map((org) => (
             <option key={org.val} value={org.val}>
@@ -147,17 +149,20 @@ const OrganizationInfo = ({ onNext, onPrev, onSubmitTenant }) => {
             </option>
           ))}
         </select>
+
         {errors.organizationSize && (
           <div className="danger-text">{errors.organizationSize.message}</div>
         )}
       </div>
 
+
       <div className="col-sm-6">
         <Label htmlFor="industryId" required>
           Industry
         </Label>
         <select
-          className="form-select form-select-sm"
+          id="industryId"
+          className="form-select shadow-none border py-1 px-2 small"
           {...register("industryId")}
         >
           {industryLoading ? (
@@ -177,9 +182,9 @@ const OrganizationInfo = ({ onNext, onPrev, onSubmitTenant }) => {
 
       <div className="col-sm-6">
         <Label htmlFor="reference">Reference</Label>
- 
         <select
-          className="form-select form-select-sm"
+          id="reference"
+          className="form-select shadow-none border py-1 px-2 small"
           {...register("reference")}
         >
           {reference.map((org) => (
@@ -193,6 +198,7 @@ const OrganizationInfo = ({ onNext, onPrev, onSubmitTenant }) => {
         )}
       </div>
 
+
       <div className="col-sm-12">
         <Label htmlFor="description">Description</Label>
         <textarea

src/components/Tenant/TenantFilterPanel.jsx

@@ -1,5 +1,5 @@
 import { zodResolver } from "@hookform/resolvers/zod";
-import React, { useState,useCallback } from "react";
+import React, { useState, useCallback, useEffect } from "react";
 import { FormProvider, useForm, useFormContext } from "react-hook-form";
 import { defaultFilterValues, filterSchema } from "./TenantSchema";
 import Label from "../common/Label";
@@ -8,6 +8,7 @@ import { useIndustries } from "../../hooks/useTenant";
 import { reference, TENANT_STATUS } from "../../utils/constants";
 import { DateRangePicker1 } from "../common/DateRangePicker";
 import moment from "moment";
+import { useLocation } from "react-router-dom";
 
 const TenantFilterPanel = ({ onApply }) => {
   const [resetKey, setResetKey] = useState(0);
@@ -36,6 +37,13 @@ const [resetKey, setResetKey] = useState(0);
     [onApply, handleClosePanel]
   );
 
+
+  // ✅ Close popup when navigating to another component
+  const location = useLocation();
+  useEffect(() => {
+    handleClosePanel();
+  }, [location]);
+
   const onClear = useCallback(() => {
     reset(defaultFilterValues);
     setResetKey((prev) => prev + 1); // triggers DateRangePicker reset

src/components/Tenant/TenantSchema.js

@@ -11,12 +11,12 @@ export const newTenantSchema = z.object({
     .regex(/^[A-Za-z]+$/, { message: "Last Name should contain only letters!" }),
   email: z.string().trim().email("Invalid email address"),
   description: z.string().trim().optional(),
-  domainName: z.string().trim().nonempty("Domain name is required"),
+  domainName: z.string().trim().optional(),
   billingAddress: z.string().trim().nonempty("Billing address is required"),
-  taxId: z.string().trim().nonempty("Tax ID is required"),
+  taxId: z.string().trim().optional(),
   logoImage: z.string().trim().optional(),
   organizationName: z.string().trim().nonempty("Organization name is required"),
-  officeNumber: z.string().trim().nonempty("Office number is required"),
+  officeNumber: z.string().trim().optional(),
   contactNumber: z.string().trim()
     .nonempty("Contact number is required")
     .regex(/^\+?[1-9]\d{7,14}$/, "Enter a valid contact number"),
@@ -141,11 +141,11 @@ lastName: z
     .min(1, { message: "Last Name is required!" })
     .regex(/^[A-Za-z]+$/, { message: "Last Name should contain only letters!" }),
   description: z.string().trim().optional(),
-  domainName: z.string().trim().min(1, { message: "Domain Name is required!" }),
+  domainName: z.string().trim().optional(),
   billingAddress: z.string().trim().min(1, { message: "Billing Address is required!" }),
-  taxId: z.string().trim().min(1, { message: "Tax ID is required!" }),
+  taxId: z.string().trim().optional(),
   logoImage: z.string().optional(),
-  officeNumber: z.string().trim().min(1, { message: "Office Number is required!" }),
+  officeNumber: z.string().trim().optional(),
   contactNumber: z.string().trim()
     .nonempty("Contact number is required")
     .regex(/^\+?[1-9]\d{7,14}$/, "Enter a valid contact number"),

src/components/common/DateRangePicker.jsx

@@ -46,6 +46,12 @@ const DateRangePicker = ({
     };
   }, [onRangeChange, DateDifference, endDateMode]);
 
+  const handleIconClick = () => {
+    if (inputRef.current) {
+      inputRef.current._flatpickr.open(); // directly opens flatpickr
+    }
+  };
+
   return (
     <div className={`col-${sm} col-sm-${md} px-1`}>
       <input
@@ -57,7 +63,7 @@ const DateRangePicker = ({
       />
 
       <i
-        className="bx bx-calendar calendar-icon cursor-pointer position-relative top-50  translate-middle-y "
+        className="bx bx-calendar calendar-icon cursor-pointer position-relative top-50  translate-middle-y " onClick={handleIconClick}
         style={{ right: "22px", bottom: "-8px" }}
       ></i>
     </div>

src/components/common/FilterIcon.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
 
 const FilterIcon = ({
   taskListData,
@@ -7,15 +8,26 @@ const FilterIcon = ({
   currentSelectedFloors,
   currentSelectedActivities,
 }) => {
+  const selectedProject = useSelector((store) => store.localVariables.projectId);
+
   const [selectedBuilding, setSelectedBuilding] = useState(currentSelectedBuilding || "");
   const [selectedFloors, setSelectedFloors] = useState(currentSelectedFloors || []);
   const [selectedActivities, setSelectedActivities] = useState(currentSelectedActivities || []);
 
+  const [appliedBuilding, setAppliedBuilding] = useState(currentSelectedBuilding || "");
+  const [appliedFloors, setAppliedFloors] = useState(currentSelectedFloors || []);
+  const [appliedActivities, setAppliedActivities] = useState(currentSelectedActivities || []);
+
+  // Reset filters whenever inputs OR projectId changes
   useEffect(() => {
     setSelectedBuilding(currentSelectedBuilding || "");
     setSelectedFloors(currentSelectedFloors || []);
     setSelectedActivities(currentSelectedActivities || []);
-  }, [currentSelectedBuilding, currentSelectedFloors, currentSelectedActivities]);
+
+    setAppliedBuilding(currentSelectedBuilding || "");
+    setAppliedFloors(currentSelectedFloors || []);
+    setAppliedActivities(currentSelectedActivities || []);
+  }, [currentSelectedBuilding, currentSelectedFloors, currentSelectedActivities, selectedProject]);
 
   const getUniqueFilterValues = (key, overrideBuilding, overrideFloors) => {
     if (!taskListData) return [];
@@ -61,12 +73,11 @@ const FilterIcon = ({
     } else if (filterType === "floor") {
       if (updatedFloors.includes(value)) {
         updatedFloors = updatedFloors.filter((floor) => floor !== value);
+        const validActivities = getUniqueFilterValues("activity", updatedBuilding, updatedFloors);
+        updatedActivities = updatedActivities.filter((act) => validActivities.includes(act));
       } else {
         updatedFloors.push(value);
       }
-
-      const validActivities = getUniqueFilterValues("activity", updatedBuilding, updatedFloors);
-      updatedActivities = updatedActivities.filter((act) => validActivities.includes(act));
     } else if (filterType === "activity") {
       if (updatedActivities.includes(value)) {
         updatedActivities = updatedActivities.filter((act) => act !== value);
@@ -78,12 +89,20 @@ const FilterIcon = ({
     setSelectedBuilding(updatedBuilding);
     setSelectedFloors(updatedFloors);
     setSelectedActivities(updatedActivities);
+  };
+
+  const applyFilters = () => {
+    setAppliedBuilding(selectedBuilding);
+    setAppliedFloors(selectedFloors);
+    setAppliedActivities(selectedActivities);
 
     onApplyFilters({
-      selectedBuilding: updatedBuilding,
+      selectedBuilding,
-      selectedFloors: updatedFloors,
+      selectedFloors,
-      selectedActivities: updatedActivities,
+      selectedActivities,
     });
+
+    document.getElementById("filterDropdown").click();
   };
 
   const clearAllFilters = () => {
@@ -91,6 +110,10 @@ const FilterIcon = ({
     setSelectedFloors([]);
     setSelectedActivities([]);
 
+    setAppliedBuilding("");
+    setAppliedFloors([]);
+    setAppliedActivities([]);
+
     onApplyFilters({
       selectedBuilding: "",
       selectedFloors: [],
@@ -98,21 +121,51 @@ const FilterIcon = ({
     });
   };
 
+  // Count applied filters
+  const appliedFilterCount =
+    (appliedBuilding ? 1 : 0) + appliedFloors.length + appliedActivities.length;
+
   return (
-    <div className="dropdown" style={{marginLeft:"-14px"}}>
+    <div className="dropdown" style={{ marginLeft: "-14px", position: "relative" }}>
       <a
         className="dropdown-toggle hide-arrow cursor-pointer"
         id="filterDropdown"
         data-bs-toggle="dropdown"
         aria-expanded="false"
       >
-        {/* <i className="bx bx-slider-alt ms-1" /> */}
+        <div style={{ position: "relative", display: "inline-block" }}>
           <i
             className="bx bx-slider-alt"
-          style={{ color: selectedBuilding || selectedFloors.length > 0 || selectedActivities.length > 0 ? "#7161EF" : "gray" }}
+            style={{
+              color: appliedFilterCount > 0 ? "#7161EF" : "gray",
+              fontSize: "20px",
+            }}
           ></i>
-
+          {appliedFilterCount > 0 && (
+            <span
+              style={{
+                position: "absolute",
+                top: "-11px",
+                right: "-6px",
+                backgroundColor: "#FFC107", // yellow
+                color: "white",
+                fontSize: "10px",
+                fontWeight: "bold",
+                borderRadius: "50%",
+                width: "18px",
+                height: "18px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                border: "1px solid white",
+              }}
+            >
+              {appliedFilterCount}
+            </span>
+          )}
+        </div>
       </a>
+
       <ul
         className="dropdown-menu p-2 mt-2"
         aria-labelledby="filterDropdown"
@@ -205,45 +258,30 @@ const FilterIcon = ({
         )}
 
         {/* Action Buttons */}
-        <li><hr className="my-1" /></li>
+        <li>
-        {(selectedBuilding || selectedFloors.length > 0 || selectedActivities.length > 0) && (
+          <hr className="my-1" />
-          <li className="d-flex justify-content-end gap-2 px-2">
+        </li>
+        {(appliedFilterCount > 0 ||
+          selectedBuilding ||
+          selectedFloors.length > 0 ||
+          selectedActivities.length > 0) && (
+          <li className="d-flex justify-content-end gap-2 px-2 mt-2 mb-2">
             <button
               type="button"
-              className="btn btn-sm"
+              className="btn btn-secondary btn-sm py-0 px-2"
-              style={{
-                backgroundColor: "#7161EF",
-                color: "white",
-                fontSize: "13px",
-                padding: "4px 16px",
-                borderRadius: "8px",
-                boxShadow: "0 1px 4px rgba(0,0,0,0.1)"
-              }}
               onClick={clearAllFilters}
             >
               Clear
             </button>
             <button
               type="button"
-              className="btn btn-sm"
+              className="btn btn-primary btn-sm py-0 px-2"
-              style={{
+              onClick={applyFilters}
-                backgroundColor: "#7161EF",
-                color: "white",
-                fontSize: "13px",
-                padding: "4px 16px",
-                borderRadius: "8px",
-                boxShadow: "0 1px 4px rgba(0,0,0,0.1)"
-              }}
-              onClick={() => {
-                document.getElementById("filterDropdown").click();
-              }}
             >
               Apply
             </button>
           </li>
         )}
-
-
       </ul>
     </div>
   );

src/components/master/CreateActivity.jsx

@@ -222,15 +222,12 @@ const CreateActivity = ({ onClose }) => {
 
         <div className="col-12 text-end mt-3">
           <button
-            type="reset"
+            type="button"   // ✅ change to button
-            className="btn btn-sm btn-label-secondary me-3"
+            className="btn btn-sm btn-label-secondary"
             onClick={handleClose}
           >
             Cancel
           </button>
-          <button type="submit" className="btn btn-sm btn-primary">
-            {isLoading ? "Please Wait" : "Submit"}
-          </button>
 
         </div>
       </div>

src/components/master/CreateContactCategory.jsx

@@ -66,16 +66,16 @@ useEffect(() => {
 
   return (<>
     <form className="row g-2" onSubmit={handleSubmit(onSubmit)}>
-        <div className="col-12 col-md-12 text-start">
+      <div className="col-12 col-md-12">
-          <Label className="form-label" required>Category Name</Label>
+        <label className="form-label">Category Name</label>
         <input type="text"
           {...register("name")}
           className={`form-control ${errors.name ? 'is-invalids' : ''}`}
         />
         {errors.name && <p className="text-danger">{errors.name.message}</p>}
       </div>
-        <div className="col-12 col-md-12 text-start">
+      <div className="col-12 col-md-12">
-          <Label className="form-label" htmlFor="description" required>Description</Label>
+        <label className="form-label" htmlFor="description">Description</label>
         <textarea
           rows="3"
           {...register("description")}
@@ -93,18 +93,20 @@ useEffect(() => {
         )}
       </div>
 
-        <div className="col-12 text-end">
+      <div className="col-12 text-center">
+        <button type="submit" className="btn btn-sm btn-primary me-3">
+          {isLoading ? "Please Wait..." : "Submit"}
+        </button>
         <button
-          type="reset"
+          type="button"   // ✅ not reset
-          className="btn btn-sm btn-label-secondary me-3"
+          className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={() => {
-          aria-label="Close"
+            resetForm();   // clear inputs
+            onClose?.();   // close modal from parent
+          }}
         >
           Cancel
         </button>
-        <button type="submit" className="btn btn-sm btn-primary">           
-         {isLoading? "Please Wait...":"Submit"}       
-        </button>
 
       </div>
 

src/components/master/CreateContactTag.jsx

@@ -93,18 +93,20 @@ useEffect(() => {
         )}
       </div>
 
-        <div className="col-12 text-end">
+      <div className="col-12 text-center">
+        <button type="submit" className="btn btn-sm btn-primary me-3">
+          {isLoading ? "Please Wait..." : "Submit"}
+        </button>
         <button
-          type="reset"
+          type="button"   // ✅ not reset
-          className="btn btn-sm btn-label-secondary me-3"
+          className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={() => {
-          aria-label="Close"
+            resetForm();   // clear inputs
+            onClose?.();   // close modal from parent
+          }}
         >
           Cancel
         </button>
-        <button type="submit" className="btn btn-sm btn-primary">           
-         {isLoading? "Please Wait...":"Submit"}       
-        </button>
 
       </div>
 

src/components/master/CreateJobRole.jsx

@@ -119,18 +119,20 @@ const CreateJobRole = ({onClose}) => {
         )}
       </div>
 
-        <div className="col-12 text-end">
+      <div className="col-12 text-center">
+        <button type="submit" className="btn btn-sm btn-primary me-3">
+          {isLoading ? "Please Wait..." : "Submit"}
+        </button>
         <button
-          type="reset"
+          type="button"   // ✅ change from reset → button
-          className="btn btn-sm btn-label-secondary me-3"
+          className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={() => {
-          aria-label="Close"
+            resetForm();   // optional: clears form
+            onClose?.();   // ✅ close modal via parent
+          }}
         >
           Cancel
         </button>
-        <button type="submit" className="btn btn-sm btn-primary">           
-         {isLoading? "Please Wait...":"Submit"}       
-        </button>
 
       </div>
 

src/components/master/CreateRole.jsx

@@ -229,18 +229,17 @@ const CreateRole = ({ modalType, onClose }) => {
 
 
       {masterFeatures && (
-        <div className="col-12 text-end">
+        <div className="col-12 text-center">
+          <button type="submit" className="btn btn-sm btn-primary me-3">
+            {isLoading ? "Please Wait..." : "Submit"}
+          </button>
           <button
-            type="reset"
+            type="button"
-            className="btn btn-sm btn-label-secondary me-3"
+            className="btn btn-sm btn-label-secondary"
-            data-bs-dismiss="modal"
+            onClick={onClose}
-            aria-label="Close"
           >
             Cancel
           </button>
-          <button type="submit" className="btn btn-sm btn-primary">
-            {isLoading ? "Please Wait..." : "Submit"}
-          </button>
 
         </div>
       )}

src/components/master/CreateWorkCategory.jsx

@@ -109,12 +109,17 @@ useEffect(() => {
         )}
       </div>
 
-        <div className="col-12 text-end">
+      <div className="col-12 text-center">
+        <button type="submit" className="btn btn-sm btn-primary me-3">
+          {isLoading ? "Please Wait..." : "Submit"}
+        </button>
         <button
-          type="reset"
+          type="button"   // ✅ not reset
-          className="btn btn-sm btn-label-secondary me-3"
+          className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={() => {
-          aria-label="Close"
+            resetForm();   // clear inputs
+            onClose?.();   // close modal from parent
+          }}
         >
           Cancel
         </button>

src/components/master/DeleteMaster.jsx

@@ -34,13 +34,15 @@ const DeleteMaster = ({ master, onClose }) => {
           )}
         </button>
         <button
-          type="reset"
+          type="button"   // ✅ not reset
           className="btn btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={() => {
-          aria-label="Close"
+            onClose?.(); // properly close modal
+          }}
         >
           Cancel
         </button>
+
       </div>
     </div>
   );

src/components/master/EditActivity.jsx

@@ -239,8 +239,8 @@ const UpdateActivity = ({ activityData, onClose }) => {
         {/* Submit / Cancel */}
         <div className="col-12 text-end mt-3">
           <button
-            type="button"
+            type="button"   // ✅ change to button
-            className="btn btn-sm btn-label-secondary me-3"
+            className="btn btn-sm btn-label-secondary"
             onClick={onClose}
           >
             Cancel

src/components/master/EditContactCategory.jsx

@@ -112,12 +112,17 @@ useEffect(() => {
         )}
       </div>
 
-        <div className="col-12 text-end">
+      <div className="col-12 text-center">
+        <button type="submit" className="btn btn-sm btn-primary me-3">
+          {isLoading ? "Please Wait..." : "Submit"}
+        </button>
         <button
-          type="button"
+          type="button"   // ✅ not reset
-          className="btn btn-sm btn-label-secondary me-3"
+          className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={() => {
-          aria-label="Close"
+            resetForm();   // clear inputs
+            onClose?.();   // close modal from parent
+          }}
         >
           Cancel
         </button>

src/components/master/EditContactTag.jsx

@@ -112,12 +112,17 @@ useEffect(() => {
         )}
       </div>
 
-        <div className="col-12 text-end">
+      <div className="col-12 text-center">
+        <button type="submit" className="btn btn-sm btn-primary me-3">
+          {isLoading ? "Please Wait..." : "Submit"}
+        </button>
         <button
-          type="button"
+          type="button"   // ✅ not reset
-          className="btn btn-sm btn-label-secondary me-3"
+          className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={() => {
-          aria-label="Close"
+            resetForm();   // clear inputs
+            onClose?.();   // close modal from parent
+          }}
         >
           Cancel
         </button>

src/components/master/EditJobRole.jsx

@@ -128,12 +128,14 @@ const [descriptionLength, setDescriptionLength] = useState(data?.description?.le
 
       </div>
 
-        <div className="col-12 text-end">
+      <div className="col-12 text-center">
+        <button type="submit" className="btn btn-sm btn-primary me-3">
+          {isLoading ? "Please Wait..." : "Submit"}
+        </button>
         <button
           type="button"
-          className="btn btn-sm btn-label-secondary me-3"
+          className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={onClose}   // 👈 This will now close the popup
-          aria-label="Close"
         >
           Cancel
         </button>
@@ -143,6 +145,7 @@ const [descriptionLength, setDescriptionLength] = useState(data?.description?.le
         
       </div>
 
+
     </form>
 
   </>

src/components/master/EditRole.jsx

@@ -279,13 +279,11 @@ const EditMaster = ({ master, onClose }) => {
       <div className="col-12 text-end">
         <button
           type="button"
-          className="btn btn-sm btn-label-secondary me-3"
+          className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={onClose}
-          aria-label="Close"
         >
           Cancel
         </button>
-        <button type="submit" className="btn btn-sm btn-primary"> {isLoading ? "Please Wait..." : "Submit"}</button>
 
       </div>
 

src/components/master/EditWorkCategory.jsx

@@ -121,13 +121,13 @@ useEffect(() => {
           {isLoading ? "Please Wait..." : "Submit"}
         </button>
         <button
-          type="reset"
+          type="button"
           className="btn btn-sm btn-label-secondary"
-          data-bs-dismiss="modal"
+          onClick={onClose}
-          aria-label="Close"
         >
           Cancel
         </button>
+
       </div>
 
     </form>

src/components/master/ManagePaymentMode.jsx

@@ -71,8 +71,19 @@ const ManagePaymentMode = ({ data = null, onClose }) => {
         )}
       </div>
 
+      <div className="col-12 text-center">
+        <button
+          type="submit"
+          className="btn btn-sm btn-primary me-3"
+          disabled={isPending || Updating}
+        >
+          {isPending || Updating ? "Please Wait..." : Updating ? "Update" : "Submit"}
+        </button>
       <div className="col-12 text-end">
         <button
+          type="button"
+          className="btn btn-sm btn-label-secondary"
+          onClick={onClose}   // ✅ call onClose here
           type="reset"
           className="btn btn-sm btn-label-secondary me-3"
           data-bs-dismiss="modal"

src/hooks/useAttendance.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { cacheData, getCachedData, useSelectedproject } from "../slices/apiDataManager";
+import { cacheData, getCachedData, useSelectedProject } from "../slices/apiDataManager";
 import AttendanceRepository from "../repositories/AttendanceRepository";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import showToast from "../services/toastService";
@@ -143,8 +143,7 @@ export const useRegularizationRequests = (projectId) => {
 
 export const useMarkAttendance = () => {
   const queryClient = useQueryClient();
-  // const selectedProject = useSelector((store)=>store.localVariables.projectId)
+  const selectedProject = useSelectedProject();
-  const selectedProject = useSelectedproject();
   const selectedDateRange = useSelector((store)=>store.localVariables.defaultDateRange)
 
   return useMutation({

src/hooks/useExpense.js

@@ -17,13 +17,13 @@ const cleanFilter = (filter) => {
   });
 
   // moment.utc() to get consistent UTC ISO strings
-  if (!cleaned.startDate) {
+  // if (!cleaned.startDate) {
-    cleaned.startDate = moment.utc().subtract(7, "days").startOf("day").toISOString();
+  //   cleaned.startDate = moment.utc().subtract(7, "days").startOf("day").toISOString();
-  }
+  // }
 
-  if (!cleaned.endDate) {
+  // if (!cleaned.endDate) {
-    cleaned.endDate = moment.utc().startOf("day").toISOString();
+  //   cleaned.endDate = moment.utc().startOf("day").toISOString();
-  }
+  // }
 
   return cleaned;
 };

src/pages/Activities/AttendancePage.jsx

@@ -4,7 +4,7 @@ import {
   clearCacheKey,
   getCachedData,
   getCachedProfileData,
-  useSelectedproject,
+  useSelectedProject,
 } from "../../slices/apiDataManager";
 import Breadcrumb from "../../components/common/Breadcrumb";
 import AttendanceLog from "../../components/Activities/AttendcesLogs";
@@ -26,11 +26,11 @@ import { useQueryClient } from "@tanstack/react-query";
 const AttendancePage = () => {
   const [activeTab, setActiveTab] = useState("all");
   const [ShowPending, setShowPending] = useState(false);
-  const [searchTerm, setSearchTerm] = useState(""); // 🔹 New state for search
+  const [searchTerm, setSearchTerm] = useState(""); 
   const queryClient = useQueryClient();
   const loginUser = getCachedProfileData();
-  // const selectedProject = useSelector((store) => store.localVariables.projectId);
+
-  const selectedProject = useSelectedproject();
+  const selectedProject = useSelectedProject();
   const dispatch = useDispatch();
 
   const [attendances, setAttendances] = useState();

src/pages/Activities/DailyTask.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { useDispatch } from "react-redux";
 import { useTaskList } from "../../hooks/useTasks";
 import { useProjectName } from "../../hooks/useProjects";
@@ -13,13 +13,13 @@ import SubTask from "../../components/Activities/SubTask";
 import { formatNumber, formatUTCToLocalTime } from "../../utils/dateUtils";
 import { useHasUserPermission } from "../../hooks/useHasUserPermission";
 import { APPROVE_TASK, ASSIGN_REPORT_TASK } from "../../utils/constants";
-import { useSelectedproject } from "../../slices/apiDataManager";
+import { useSelectedProject } from "../../slices/apiDataManager";
 import moment from "moment";
 import Loader from "../../components/common/Loader";
 
 const DailyTask = () => {
   const dispatch = useDispatch();
-  const selectedProject = useSelectedproject();
+  const selectedProject = useSelectedProject();
   const { projectNames } = useProjectName();
   const ApprovedTaskRights = useHasUserPermission(APPROVE_TASK);
   const ReportTaskRights = useHasUserPermission(ASSIGN_REPORT_TASK);
@@ -41,10 +41,20 @@ const DailyTask = () => {
   // Ensure project is set
   useEffect(() => {
     if (!selectedProject && projectNames.length > 0) {
+      debugger
       dispatch(setProjectId(projectNames[0].id));
     }
   }, [selectedProject, projectNames, dispatch]);
 
+  // 🔹 Reset filters when project changes
+  useEffect(() => {
+    setFilters({
+      selectedBuilding: "",
+      selectedFloors: [],
+      selectedActivities: [],
+    });
+  }, [selectedProject]);
+
   //  Memoized filtering
   const filteredTasks = useMemo(() => {
     if (!TaskList) return [];
@@ -163,6 +173,7 @@ const DailyTask = () => {
                 currentSelectedBuilding={filters.selectedBuilding}
                 currentSelectedFloors={filters.selectedFloors}
                 currentSelectedActivities={filters.selectedActivities}
+                selectedProject={selectedProject} 
               />
             </div>
 

src/pages/Activities/TaskPlannng.jsx

@@ -4,21 +4,19 @@ import InfraPlanning from "../../components/Activities/InfraPlanning";
 import { useProjectName } from "../../hooks/useProjects";
 import { useDispatch, useSelector } from "react-redux";
 import { setProjectId } from "../../slices/localVariablesSlice";
-import { useSelectedproject } from "../../slices/apiDataManager";
+import { useSelectedProject } from "../../slices/apiDataManager";
 
 const TaskPlannng = () => {
-  const selectedProject = useSelectedproject();
+const selectedProject = useSelectedProject();
 const dispatch = useDispatch();
-  const { projectNames, loading: projectLoading } = useProjectName();
+const { projectNames = [], loading: projectLoading } = useProjectName();
-
-   const initialized = useRef(false); 
 
 useEffect(() => {
-    if (!initialized.current && projectNames.length > 0 && !selectedProject?.id) {
+  if (!selectedProject) {
     dispatch(setProjectId(projectNames[0].id));
-      initialized.current = true; 
   }
-  }, [projectNames, selectedProject, dispatch]);
+}, [projectNames, selectedProject?.id, dispatch]);
+
 
   return (
     <div className="container-fluid">

src/pages/authentication/LoginPage.jsx

@@ -210,7 +210,7 @@ const LoginPage = () => {
             Login With Password
           </a>
         ) : (
-          <Link to="/auth/reqest/demo" className="registration-link">
+           <Link to="/market/enquire" className="registration-link">
             Request a Demo
           </Link>
         )}

src/pages/employee/EmployeeList.jsx

@@ -18,7 +18,7 @@ import {
   VIEW_ALL_EMPLOYEES,
   VIEW_TEAM_MEMBERS,
 } from "../../utils/constants";
-import { clearCacheKey, useSelectedproject } from "../../slices/apiDataManager";
+import { clearCacheKey, useSelectedProject } from "../../slices/apiDataManager";
 import { useHasUserPermission } from "../../hooks/useHasUserPermission";
 import SuspendEmp from "../../components/Employee/SuspendEmp"; // Keep if you use SuspendEmp
 import {
@@ -41,7 +41,7 @@ const EmployeeList = () => {
   // const selectedProjectId = useSelector(
   //   (store) => store.localVariables.projectId
   // );
-  const selectedProjectId = useSelectedproject();
+  const selectedProjectId = useSelectedProject();
   const { projectNames, loading: projectLoading, fetchData } = useProjectName();
 
   const dispatch = useDispatch();

src/pages/master/MasterPage.jsx

@@ -122,13 +122,16 @@ const MasterPage = () => {
                             onChange={(e) => dispatch(changeMaster(e.target.value))}
                             name="DataTables_Table_0_length"
                             aria-controls="DataTables_Table_0"
-                            className="form-select form-select-sm"
+                            className="form-select py-1 px-2"
+                            style={{ fontSize: "0.875rem", height: "32px", width: "150px" }}
                             value={selectedMaster}
                           >
-                            {isLoading && (<option  value={null}>Loading...</option>)}
+                            {isLoading && <option value="">Loading...</option>}
-                            {(!isLoading && data) && data?.map((item) => (
+                            {!isLoading &&
-
+                              data?.map((item) => (
-                              <option key={item.id} value={item.name}>{item.name}</option>
+                                <option key={item.id} value={item.name}>
+                                  {item.name}
+                                </option>
                               ))}
                           </select>
                         </label>

src/pages/project/ProjectDetails.jsx

@@ -13,7 +13,7 @@ import {
   cacheData,
   clearCacheKey,
   getCachedData,
-  useSelectedproject,
+  useSelectedProject,
 } from "../../slices/apiDataManager";
 import "./ProjectDetails.css";
 import {
@@ -29,7 +29,7 @@ import { setProjectId } from "../../slices/localVariablesSlice";
 
 const ProjectDetails = () => {
 
-  const projectId = useSelectedproject()
+  const projectId = useSelectedProject()
 
   const { projectNames, fetchData } = useProjectName();
   const dispatch = useDispatch()

src/repositories/DirectoryRepository.jsx

@@ -34,6 +34,8 @@ export const DirectoryRepository = {
   DeleteNote: (id, isActive) =>
     api.delete(`/api/directory/note/${id}?active=${isActive}`),
 
-  GetNotes: (pageSize, pageNumber) =>
+  GetNotes: (pageSize, pageNumber, projectId) =>
-    api.get(`/api/directory/notes?pageSize=${pageSize}&pageNumber=${pageNumber}`),
+  api.get(
+    `/api/directory/notes?pageSize=${pageSize}&pageNumber=${pageNumber}&projectId=${projectId}`
+  ),
 };

src/repositories/MarketRepository.jsx

@@ -1,6 +1,6 @@
 import { api } from "../utils/axiosClient";
 
 export const MarketRepository = {
-  requestDemo: (data) => api.post("/api/market/inquiry", data),
+  requestDemo: (data) => api.post("/api/market/enquire", data),
   getIndustries: () => api.get("api/market/industries"),
 };

src/router/AppRoutes.jsx

@@ -52,7 +52,7 @@ const router = createBrowserRouter(
       children: [
         { path: "/auth/login", element: <LoginPage /> },
         { path: "/auth/login-otp", element: <LoginWithOtp /> },
-        { path: "/auth/reqest/demo", element: <RegisterPage /> },
+         { path: "/market/enquire", element: <RegisterPage /> },
         { path: "/auth/forgot-password", element: <ForgotPasswordPage /> },
         { path: "/reset-password", element: <ResetPasswordPage /> },
         { path: "/legal-info", element: <LegalInfoCard /> },

src/slices/apiDataManager.jsx

@@ -33,13 +33,12 @@ export const clearAllCache = () => {
 export const cacheProfileData = ( data) => {
   store.dispatch(setLoginUserPermmisions(data));
 };
-
 // Get cached data
 export const getCachedProfileData = () => {
   return store.getState().globalVariables.loginUser;
 };
 
-export const useSelectedproject = () => {
+export const useSelectedProject = () => {
   const selectedProject = useSelector((store)=> store.localVariables.projectId);
   var project = localStorage.getItem("project");
   if(project){
@@ -47,7 +46,7 @@ export const useSelectedproject = () => {
   } else{
     return selectedProject
   }
-  // return project ? selectedProject
+ 
   
   
 };