From e85dfb392282ae8d85f0f3134245b8e26eba78cc Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Tue, 1 Jul 2025 16:47:03 +0530
Subject: [PATCH 01/12] In Attendance Log Tab date Range show set to today -1
 to past 7 days.

---
 src/components/common/DateRangePicker.jsx | 33 ++++++++++++-----------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/components/common/DateRangePicker.jsx b/src/components/common/DateRangePicker.jsx
index 0760cb50..a417a413 100644
--- a/src/components/common/DateRangePicker.jsx
+++ b/src/components/common/DateRangePicker.jsx
@@ -2,37 +2,40 @@ import React, { useEffect, useRef } from "react";
 
 const DateRangePicker = ({
   onRangeChange,
-  DateDifference = 7,
-  endDateMode = "yesterday", // "today" or "yesterday"
+  DateDifference = 7, 
+  endDateMode = "yesterday",
 }) => {
   const inputRef = useRef(null);
 
   useEffect(() => {
     const endDate = new Date();
     if (endDateMode === "yesterday") {
-      endDate.setDate(endDate.getDate() - 1);
+      endDate.setDate(endDate.getDate() - 1); 
     }
 
-    const startDate = new Date();
-    startDate.setDate(endDate.getDate() - DateDifference);
+    endDate.setHours(0, 0, 0, 0);
+
+    const startDate = new Date(endDate); 
+    startDate.setDate(endDate.getDate() - (DateDifference - 1));
+    startDate.setHours(0, 0, 0, 0);
 
     const fp = flatpickr(inputRef.current, {
       mode: "range",
-      dateFormat: "Y-m-d",
-      altInput: true,
-      altFormat: "d-m-Y",
-      defaultDate: [startDate, endDate],
-      static: true,
-      clickOpens: true,
+      dateFormat: "Y-m-d", 
+      altInput: true,     
+      altFormat: "d-m-Y", 
+      defaultDate: [startDate, endDate], 
+      static: true,       
+      clickOpens: true,   
       onChange: (selectedDates, dateStr) => {
-        const [startDate, endDate] = dateStr.split(" to ");
-        onRangeChange?.({ startDate, endDate });
+        const [startDateString, endDateString] = dateStr.split(" to ");
+        onRangeChange?.({ startDate: startDateString, endDate: endDateString });
       },
     });
 
     onRangeChange?.({
-      startDate: startDate.toLocaleDateString("en-CA"),
-      endDate: endDate.toLocaleDateString("en-CA"),
+      startDate: startDate.toLocaleDateString("en-CA"), 
+      endDate: endDate.toLocaleDateString("en-CA"),     
     });
 
     return () => {

From b74c863794a301a1cfbbc52144e08c23c79bf633 Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Tue, 1 Jul 2025 17:14:03 +0530
Subject: [PATCH 02/12] Reduce the checkbox size and remove unnecessary spacing
 within the Directory Notes and Contact filters.

---
 src/pages/Directory/DirectoryPageHeader.jsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/pages/Directory/DirectoryPageHeader.jsx b/src/pages/Directory/DirectoryPageHeader.jsx
index 6a3ae418..72f6390b 100644
--- a/src/pages/Directory/DirectoryPageHeader.jsx
+++ b/src/pages/Directory/DirectoryPageHeader.jsx
@@ -306,7 +306,7 @@ const DirectoryPageHeader = ({
                                 )}
                             </a>
 
-                            <div className="dropdown-menu p-0" style={{ minWidth: "700px" }}>
+                            <div className="dropdown-menu p-0" style={{ minWidth: "550px" }}>
                                 {/* Scrollable Filter Content */}
                                 <div
                                     className="p-3"
@@ -319,18 +319,19 @@ const DirectoryPageHeader = ({
                                 >
                                     <div className="d-flex gap-3">
                                         {/* Created By */}
-                                        <div style={{ flex: 0.50, maxHeight: "260px", overflowY: "auto" }}>
+                                        <div style={{ flexBasis: "30%", maxHeight: "260px", overflowY: "auto" }}>
                                             <div style={{ position: "sticky", top: 0, background: "#fff", zIndex: 1 }}>
                                                 <p className="text-muted mb-2 pt-2">Created By</p>
                                             </div>
                                             {allCreators.map((name, idx) => (
                                                 <div className="form-check mb-1" key={`creator-${idx}`}>
                                                     <input
-                                                        className="form-check-input"
+                                                        className="form-check-input form-check-input-sm"
                                                         type="checkbox"
                                                         id={`creator-${idx}`}
                                                         checked={selectedCreators.includes(name)}
                                                         onChange={() => handleToggleCreator(name)}
+                                                        style={{ width: "1rem", height: "1rem" }}
                                                     />
                                                     <label className="form-check-label text-nowrap" htmlFor={`creator-${idx}`}>
                                                         {name}
@@ -340,18 +341,19 @@ const DirectoryPageHeader = ({
                                         </div>
 
                                         {/* Organization */}
-                                        <div style={{ flex: 1, maxHeight: "260px", overflowY: "auto",overflowX: "hidden", }}>
+                                        <div style={{  maxHeight: "260px", overflowY: "auto",overflowX: "hidden", }}>
                                             <div style={{ position: "sticky", top: 0, background: "#fff", zIndex: 1 }}>
                                                 <p className="text-muted mb-2 pt-2">Organization</p>
                                             </div>
                                             {filteredOrganizations.map((org, idx) => (
                                                 <div className="form-check mb-1" key={`org-${idx}`}>
                                                     <input
-                                                        className="form-check-input"
+                                                        className="form-check-input form-check-input-sm"
                                                         type="checkbox"
                                                         id={`org-${idx}`}
                                                         checked={selectedOrgs.includes(org)}
                                                         onChange={() => handleToggleOrg(org)}
+                                                        style={{ width: "1rem", height: "1rem" }}
                                                     />
                                                     <label className="form-check-label text-nowrap" htmlFor={`org-${idx}`}>
                                                         {org}
@@ -444,11 +446,12 @@ const DirectoryPageHeader = ({
                                             {filteredBuckets.map(({ id, name }) => (
                                                 <div className="form-check me-3 mb-1" style={{ minWidth: "calc(50% - 15px)" }} key={id}>
                                                     <input
-                                                        className="form-check-input"
+                                                        className="form-check-input form-check-input-sm"
                                                         type="checkbox"
                                                         id={`bucket-${id}`}
                                                         checked={tempSelectedBucketIds.includes(id)}
                                                         onChange={() => handleTempBucketChange(id)}
+                                                        style={{ width: "1rem", height: "1rem" }}
                                                     />
                                                     <label className="form-check-label text-nowrap text-small" htmlFor={`bucket-${id}`}>
                                                         {name}
@@ -463,11 +466,12 @@ const DirectoryPageHeader = ({
                                             {filteredCategories.map(({ id, name }) => (
                                                 <div className="form-check me-3 mb-1" style={{ minWidth: "calc(50% - 15px)" }} key={id}>
                                                     <input
-                                                        className="form-check-input"
+                                                        className="form-check-input form-check-input-sm"
                                                         type="checkbox"
                                                         id={`cat-${id}`}
                                                         checked={tempSelectedCategoryIds.includes(id)}
                                                         onChange={() => handleTempCategoryChange(id)}
+                                                        style={{ width: "1rem", height: "1rem" }}
                                                     />
                                                     <label className="form-check-label text-nowrap text-small" htmlFor={`cat-${id}`}>
                                                         {name}

From 5bb27b610682231aa571ba1eb538dd355bc7cbf0 Mon Sep 17 00:00:00 2001
From: Vikas Nale <vikas@marcoaiot.com>
Date: Wed, 2 Jul 2025 15:11:31 +0530
Subject: [PATCH 03/12] Modify project landing page

---
 index.html                                    |  10 +-
 public/assets/css/core-extend.css             |  12 ++
 .../Dashboard/ProjectProgressChart.jsx        |  45 ++++---
 .../Directory/NoteCardDirectory.jsx           |  14 ++-
 src/components/Project/AboutProject.jsx       | 107 ++++++++++++++--
 src/components/Project/ProjectOverview.jsx    | 119 +++++++++++++++---
 src/pages/project/ProjectDetails.jsx          |  72 +++++++----
 7 files changed, 300 insertions(+), 79 deletions(-)
 create mode 100644 public/assets/css/core-extend.css

diff --git a/index.html b/index.html
index f2e16b22..748027e9 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,6 @@
 <!DOCTYPE html>
-<html lang="en"   lang="en"
-  class="light-style layout-navbar-fixed layout-menu-fixed layout-compact"
-  dir="ltr"
-  data-theme="theme-default"
-  data-assets-path="/assets/"
-  data-template="vertical-menu-template"
-  data-style="light">
+<html lang="en" lang="en" class="light-style layout-navbar-fixed layout-menu-fixed layout-compact" dir="ltr"
+  data-theme="theme-default" data-assets-path="/assets/" data-template="vertical-menu-template" data-style="light">
 
 <head>
   <meta charset="UTF-8" />
@@ -30,6 +25,7 @@
   <!-- Core CSS -->
   <link rel="stylesheet" href="/assets/vendor/css/core.css" class="template-customizer-core-css" />
   <link rel="stylesheet" href="/assets/vendor/css/theme-default.css" class="template-customizer-theme-css" />
+  <link rel="stylesheet" href="/assets/css/core-extend.css" />
   <link rel="stylesheet" href="/assets/css/default.css" />
 
   <link rel="stylesheet" href="/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
diff --git a/public/assets/css/core-extend.css b/public/assets/css/core-extend.css
new file mode 100644
index 00000000..c017c963
--- /dev/null
+++ b/public/assets/css/core-extend.css
@@ -0,0 +1,12 @@
+:root,
+[data-bs-theme="light"] {
+  --bs-nav-link-font-size: 0.7375rem;
+}
+
+.nav {
+  --bs-nav-link-font-size: 0.7375rem;
+}
+
+.card-header {
+  padding: 0.5rem var(--bs-card-cap-padding-x);
+}
diff --git a/src/components/Dashboard/ProjectProgressChart.jsx b/src/components/Dashboard/ProjectProgressChart.jsx
index 6159dbc9..20e0191a 100644
--- a/src/components/Dashboard/ProjectProgressChart.jsx
+++ b/src/components/Dashboard/ProjectProgressChart.jsx
@@ -4,12 +4,15 @@ import { useProjects } from "../../hooks/useProjects";
 import { useDashboard_Data } from "../../hooks/useDashboard_Data";
 import { useSelector } from "react-redux";
 
-const ProjectProgressChart = () => {
+const ProjectProgressChart = ({
+  ShowAllProject = true,
+  DefaultRange = "15D",
+}) => {
   const selectedProject = useSelector(
     (store) => store.localVariables.projectId
   );
   const { projects } = useProjects();
-  const [range, setRange] = useState("15D");
+  const [range, setRange] = useState(DefaultRange);
   const [showAllEmployees, setShowAllEmployees] = useState(false);
 
   const getDaysFromRange = (range) => {
@@ -69,7 +72,7 @@ const ProjectProgressChart = () => {
   );
   const lineChartCategoriesDates = sortedDashboardData.map((d) =>
     new Date(d.date).toLocaleDateString("en-US", {
-      weekday:"short",
+      weekday: "short",
       month: "short",
       day: "numeric",
       year: "numeric",
@@ -82,7 +85,7 @@ const ProjectProgressChart = () => {
     : selectedProjectData?.name;
 
   return (
-    <div className="card h-100">
+    <div className="card">
       <div className="card-header">
         <div className="d-flex flex-wrap justify-content-between align-items-start mb-2">
           {/* Left: Title */}
@@ -93,22 +96,24 @@ const ProjectProgressChart = () => {
 
           {/* Right: Checkbox and Project Name */}
           <div className="d-flex flex-column align-items-start align-items-md-end text-start text-md-end mt-1 mt-md-0">
-            <div className="form-check form-switch mb-1 d-flex align-items-center">
-              <input
-                className="form-check-input"
-                type="checkbox"
-                role="switch"
-                id="showAllEmployees"
-                checked={showAllEmployees}
-                onChange={(e) => setShowAllEmployees(e.target.checked)}
-              />
-              <label
-                className="form-check-label ms-2"
-                htmlFor="showAllEmployees"
-              >
-                All Projects
-              </label>
-            </div>
+            {ShowAllProject == true && (
+              <div className="form-check form-switch mb-1 d-flex align-items-center">
+                <input
+                  className="form-check-input"
+                  type="checkbox"
+                  role="switch"
+                  id="showAllEmployees"
+                  checked={showAllEmployees}
+                  onChange={(e) => setShowAllEmployees(e.target.checked)}
+                />
+                <label
+                  className="form-check-label ms-2"
+                  htmlFor="showAllEmployees"
+                >
+                  All Projects
+                </label>
+              </div>
+            )}
             {!showAllEmployees && selectedProjectName && (
               <p className="text-muted mb-0 small">
                 <span className="card-subtitle">{selectedProjectName}</span>
diff --git a/src/components/Directory/NoteCardDirectory.jsx b/src/components/Directory/NoteCardDirectory.jsx
index 30848855..fde21d4b 100644
--- a/src/components/Directory/NoteCardDirectory.jsx
+++ b/src/components/Directory/NoteCardDirectory.jsx
@@ -19,6 +19,10 @@ const NoteCardDirectory = ({
   const [isLoading, setIsLoading] = useState(false);
   const [isDeleting, setIsDeleting] = useState(false);
   const [isActivProcess, setActiveProcessing] = useState(false);
+
+  // State to manage hover status
+  const [isHovered, setIsHovered] = useState(false);
+
   const handleUpdateNote = async () => {
     try {
       setIsLoading(true);
@@ -127,6 +131,8 @@ const NoteCardDirectory = ({
         background: `${noteItem.isActive ? "" : "#f8f6f6"}`,
       }}
       key={noteItem.id}
+      onMouseEnter={() => setIsHovered(true)} // Set hover state to true on mouse enter
+      onMouseLeave={() => setIsHovered(false)} // Set hover state to false on mouse leave
     >
       <div className="d-flex justify-content-between align-items-center mb-1">
         <div className="d-flex align-items-center">
@@ -149,11 +155,15 @@ const NoteCardDirectory = ({
             </span>
           </div>
         </div>
-        <div>
+        <div
+          className={`absolute top-4 right-4 flex space-x-2 transition-opacity duration-300 ${
+            isHovered ? "opacity-100" : "opacity-0"
+          }`}
+        >
           {noteItem.isActive ? (
             <>
               <i
-                className="bx bxs-edit bx-sm me-1 text-primary cursor-pointer"
+                className="p-2 bg-blue-500 text-white rounded-full shadow-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-75"
                 onClick={() => setEditing(true)}
               ></i>
 
diff --git a/src/components/Project/AboutProject.jsx b/src/components/Project/AboutProject.jsx
index 5802e4d9..a64a09d1 100644
--- a/src/components/Project/AboutProject.jsx
+++ b/src/components/Project/AboutProject.jsx
@@ -1,23 +1,96 @@
 import React, { useEffect, useState } from "react";
 import moment from "moment";
 import { getProjectStatusName } from "../../utils/projectStatus";
+import { useHasUserPermission } from "../../hooks/useHasUserPermission";
+import { MANAGE_PROJECT } from "../../utils/constants";
+import { cacheData, getCachedData } from "../../slices/apiDataManager";
+import ManageProjectInfo from "./ManageProjectInfo";
+
 const AboutProject = ({ data }) => {
   const [CurrentProject, setCurrentProject] = useState(data);
+  const [showModal, setShowModal] = useState(false);
 
   useEffect(() => {
     setCurrentProject(data);
   }, [data]);
 
+  const manageProject = useHasUserPermission(MANAGE_PROJECT);
+
+  const handleShow = () => setShowModal(true);
+  const handleClose = () => setShowModal(false);
+  const handleFormSubmit = (updatedProject, setLoading) => {
+    if (CurrentProject?.id) {
+      ProjectRepository.updateProject(CurrentProject.id, updatedProject)
+        .then((response) => {
+          const updatedProjectData = {
+            ...CurrentProject,
+            ...response.data,
+            building: CurrentProject.building,
+          };
+          setCurrentProject(updatedProject);
+
+          cacheData(`projectinfo-${CurrentProject.id}`, updatedProjectData);
+          const projects_list = getCachedData("projectslist");
+          if (projects_list) {
+            const updatedProjectsList = projects_list.map((project) =>
+              project.id === CurrentProject.id
+                ? {
+                    ...project,
+                    ...response.data,
+                    //  tenant:project.tenant
+                  }
+                : project
+            );
+
+            cacheData("projectslist", updatedProjectsList);
+          }
+
+          showToast("Project updated successfully.", "success");
+          setLoading(false);
+          setShowModal(false);
+        })
+        .catch((error) => {
+          showToast(error.message, "error");
+        });
+    }
+  };
   return (
     <>
+      <div
+        className={`modal fade ${showModal ? "show" : ""}`}
+        tabIndex="-1"
+        role="dialog"
+        style={{ display: showModal ? "block" : "none" }}
+        aria-hidden={!showModal}
+      >
+        <ManageProjectInfo
+          project={CurrentProject}
+          handleSubmitForm={handleFormSubmit}
+          onClose={handleClose}
+        ></ManageProjectInfo>
+      </div>
       {data && (
         <div className="card mb-6">
+          <div class="card-header text-start">
+            <h6 class="card-action-title mb-0">
+              {" "}
+              <i className="fa fa-building rounded-circle text-primary"></i>
+              <span className="ms-2">Project Profile</span>
+            </h6>
+          </div>
           <div className="card-body">
-            <small className="card-text text-uppercase text-muted small">
-              Profile
-            </small>
-            <ul className="list-unstyled my-3">
-              <li className="d-flex align-items-center mb-4">
+            <ul className="list-unstyled my-3 ps-2">
+              <li className="d-flex align-items-center mb-3">
+                <i className="bx bx-cog"></i>
+                <span className="fw-medium mx-2">Name:</span>{" "}
+                <span>{data.name}</span>
+              </li>
+              <li className="d-flex align-items-center mb-3">
+                <i className="bx bx-fingerprint"></i>
+                <span className="fw-medium mx-2">Nick Name:</span>{" "}
+                <span> {data.shortName} </span>
+              </li>
+              <li className="d-flex align-items-center mb-3">
                 <i className="bx bx-check"></i>
                 <span className="fw-medium mx-2">Start Date:</span>{" "}
                 <span>
@@ -26,7 +99,7 @@ const AboutProject = ({ data }) => {
                     : "N/A"}
                 </span>
               </li>
-              <li className="d-flex align-items-center mb-4">
+              <li className="d-flex align-items-center mb-3">
                 <i className="bx bx-stop-circle"></i>{" "}
                 <span className="fw-medium mx-2">End Date:</span>{" "}
                 <span>
@@ -35,17 +108,17 @@ const AboutProject = ({ data }) => {
                     : "N/A"}
                 </span>
               </li>
-              <li className="d-flex align-items-center mb-2">
+              <li className="d-flex align-items-center mb-3">
                 <i className="bx bx-trophy"></i>
                 <span className="fw-medium mx-2">Status:</span>{" "}
                 <span>{getProjectStatusName(data.projectStatusId)}</span>
               </li>
-              <li className="d-flex align-items-center mb-4">
+              <li className="d-flex align-items-center mb-3">
                 <i className="bx bx-user"></i>
                 <span className="fw-medium mx-2">Contact:</span>{" "}
                 <span>{data.contactPerson}</span>
               </li>
-              <li className="d-flex flex-column align-items-start mb-4">
+              <li className="d-flex flex-column align-items-start mb-3">
                 <div className="d-flex align-items-center">
                   <i className="bx bx-flag"></i>
                   <span className="fw-medium mx-2">Address:</span>
@@ -57,6 +130,22 @@ const AboutProject = ({ data }) => {
                   <div className="ms-4 text-start">{data.projectAddress}</div>
                 )}
               </li>
+
+              <li className="d-flex justify-content-center mb-3">
+                {manageProject && (
+                  <button
+                    type="button"
+                    className={`btn btn-sm btn-primary ${
+                      !manageProject && "d-none"
+                    }`}
+                    data-bs-toggle="modal"
+                    data-bs-target="#edit-project-modal"
+                    onClick={handleShow}
+                  >
+                    Modify Details
+                  </button>
+                )}
+              </li>
             </ul>
           </div>
         </div>
diff --git a/src/components/Project/ProjectOverview.jsx b/src/components/Project/ProjectOverview.jsx
index a15a8ae5..89b69886 100644
--- a/src/components/Project/ProjectOverview.jsx
+++ b/src/components/Project/ProjectOverview.jsx
@@ -1,33 +1,124 @@
 import React from "react";
-import {useEmployeesByProjectAllocated, useProjects} from "../../hooks/useProjects";
+import {
+  useEmployeesByProjectAllocated,
+  useProjects,
+} from "../../hooks/useProjects";
+
+const ProjectOverview = ({ project }) => {
+  const { projects } = useProjects();
+  const getProgress = (planned, completed) => {
+    return (completed * 100) / planned + "%";
+  };
+  const getProgressInNumber = (planned, completed) => {
+    var number = (completed * 100) / planned;
+    return FormattedNumber(number);
+  };
+
+  const project_detail = projects.find((pro) => pro.id == project);
+
+  // Utility function to check if a number has a decimal part
+  const hasDecimal = (num) => {
+    // Convert to string and check for a decimal point
+    // Or, check if the number is not equal to its integer part
+    return num % 1 !== 0;
+  };
+
+  // FormattedNumber component to display numbers with conditional decimal places
+  function FormattedNumber(value, locale = "en-US") {
+    // Ensure the value is a number
+    const numericValue = parseFloat(value);
+
+    // Handle non-numeric values gracefully
+    if (isNaN(numericValue)) {
+      return <span>Invalid Number</span>;
+    }
+
+    let options = {};
+
+    // Determine formatting options based on whether the number has a decimal part
+    if (hasDecimal(numericValue)) {
+      // If it has a decimal, format to exactly two decimal places
+      options = {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+      };
+    } else {
+      // If it's a whole number, format to zero decimal places
+      options = {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0,
+      };
+    }
+
+    // Use Intl.NumberFormat for robust and locale-aware formatting
+    const formattedString = new Intl.NumberFormat(locale, options).format(
+      numericValue
+    );
+
+    return formattedString;
+  }
 
-const ProjectOverview = ({project}) =>
-{
-const {projects} = useProjects()
-  const project_detail = projects.find( ( pro ) => pro.id == project )
   return (
     <div className="card mb-6">
+      <div className="card-header text-start">
+        <h6 className="card-action-title mb-0">
+          {" "}
+          <i className="fa fa-line-chart rounded-circle text-primary"></i>
+          <span className="ms-2">Project Statistics</span>
+        </h6>
+      </div>
       <div className="card-body">
-        <small className="card-text text-uppercase text-muted small">
-          Overview
-        </small>
         <ul className="list-unstyled mb-0 mt-3 pt-1">
-          <li className="d-flex align-items-center mb-4">
+          <li className="d-flex align-items-center mb-3">
             <i className="bx bx-check"></i>
             <span className="fw-medium mx-2">Task Planned:</span>{" "}
-            <span>{project_detail?.plannedWork
-            }</span>
+            <span>{project_detail?.plannedWork}</span>
           </li>
-          <li className="d-flex align-items-center mb-4">
+          <li className="d-flex align-items-center mb-3">
             <i className="bx bx-star"></i>
             <span className="fw-medium mx-2">Task Completed:</span>{" "}
-            <span>{project_detail?.completedWork }</span>
+            <span>{project_detail?.completedWork}</span>
           </li>
-          <li className="d-flex align-items-center">
+          <li className="d-flex align-items-center mb-3">
             <i className="bx bx-user"></i>
             <span className="fw-medium mx-2">Current team Size:</span>{" "}
             <span>{project_detail?.teamSize}</span>
           </li>
+          <li className=" mb-3">
+            {project_detail && (
+              <>
+                <div className="d-flex  text-end mb-2  mt-5">
+                  <small className="text-body text-muted ">
+                    {Math.floor(
+                      getProgressInNumber(
+                        project_detail.plannedWork,
+                        project_detail.completedWork
+                      )
+                    ) || 0}{" "}
+                    % Completed
+                  </small>
+                </div>
+                <div
+                  className="progress mb-4 rounded"
+                  style={{ height: "8px" }}
+                >
+                  <div
+                    className="progress-bar rounded"
+                    role="progressbar"
+                    style={{
+                      width: getProgress(
+                        project_detail.plannedWork,
+                        project_detail.completedWork
+                      ),
+                    }}
+                    aria-valuenow={project_detail.completedWork}
+                    aria-valuemin="0"
+                    aria-valuemax={project_detail.plannedWork}
+                  ></div>
+                </div>
+              </>
+            )}
+          </li>
         </ul>
       </div>
     </div>
diff --git a/src/pages/project/ProjectDetails.jsx b/src/pages/project/ProjectDetails.jsx
index ff58e0e5..b52f6836 100644
--- a/src/pages/project/ProjectDetails.jsx
+++ b/src/pages/project/ProjectDetails.jsx
@@ -11,7 +11,11 @@ import ProjectInfra from "../../components/Project/ProjectInfra";
 import Loader from "../../components/common/Loader";
 import WorkPlan from "../../components/Project/WorkPlan";
 import Breadcrumb from "../../components/common/Breadcrumb";
-import { cacheData, clearCacheKey, getCachedData } from "../../slices/apiDataManager";
+import {
+  cacheData,
+  clearCacheKey,
+  getCachedData,
+} from "../../slices/apiDataManager";
 import ProjectRepository from "../../repositories/ProjectRepository";
 import { ActivityeRepository } from "../../repositories/MastersRepository";
 import "./ProjectDetails.css";
@@ -24,6 +28,7 @@ import { setProjectId } from "../../slices/localVariablesSlice";
 import { ComingSoonPage } from "../Misc/ComingSoonPage";
 import Directory from "../Directory/Directory";
 import eventBus from "../../services/eventBus";
+import ProjectProgressChart from "../../components/Dashboard/ProjectProgressChart";
 
 const ProjectDetails = () => {
   let { projectId } = useParams();
@@ -75,18 +80,31 @@ const ProjectDetails = () => {
     switch (activePill) {
       case "profile": {
         return (
-          <div className="row">
-            <div className="col-xl-4 col-lg-5 col-md-5 mt-5">
-              {/* About User */}
-              <AboutProject data={projectDetails}></AboutProject>
-              {/* About User */}
+          <>
+            <div className="row">
+              <div className="col-lg-4 col-md-5 mt-5">
+                {/* About User */}
+                <AboutProject data={projectDetails}></AboutProject>
+                <ProjectOverview project={projectId} />
+                {/* About User */}
+              </div>
+              <div className="col-lg-8 col-md-5  mt-5">
+                {/* Profile Overview */}
+                <ProjectProgressChart
+                  ShowAllProject="false"
+                  DefaultRange="1M"
+                />
+                {/* Profile Overview */}
+              </div>
             </div>
-            <div className="col-xl-4 col-lg-5 col-md-5  mt-5">
-              {/* Profile Overview */}
-              <ProjectOverview project={projectId} />
-              {/* Profile Overview */}
+            <div className="row">
+              <div className="col-xl-4 col-lg-5 col-md-5 ">
+                {/* Profile Overview */}
+                {/* <ProjectOverview project={projectId} /> */}
+                {/* Profile Overview */}
+              </div>
             </div>
-          </div>
+          </>
         );
       }
       case "teams": {
@@ -141,22 +159,22 @@ const ProjectDetails = () => {
   const handler = useCallback(
     (msg) => {
       if (msg.keyword === "Update_Project" && project.id === msg.response.id) {
-        clearCacheKey("projectInfo")
+        clearCacheKey("projectInfo");
         ProjectRepository.getProjectByprojectId(projectId)
-        .then((response) => {
-          setProjectDetails(response.data);
-          setProject(response.data);
-          cacheData("projectInfo", { projectId, data: response.data });
-          setLoading(false);
-        })
-        .catch((error) => {
-          console.error(error);
-          setError("Failed to fetch data.");
-          setLoading(false);
-        });
+          .then((response) => {
+            setProjectDetails(response.data);
+            setProject(response.data);
+            cacheData("projectInfo", { projectId, data: response.data });
+            setLoading(false);
+          })
+          .catch((error) => {
+            console.error(error);
+            setError("Failed to fetch data.");
+            setLoading(false);
+          });
       }
     },
-    [project,handleDataChange]
+    [project, handleDataChange]
   );
   useEffect(() => {
     eventBus.on("project", handler);
@@ -171,15 +189,15 @@ const ProjectDetails = () => {
           data={[
             { label: "Home", link: "/dashboard" },
             { label: "Projects", link: "/projects" },
-            { label: "Details", link: null },
+            { label: `${project?.name ? project?.name : ""}`, link: null },
           ]}
         ></Breadcrumb>
 
         <div className="row">
           {projectLoading && <p>Loading....</p>}
-          {!projectLoading && project && (
+          {/* {!projectLoading && project && (
             <ProjectBanner project_data={project}></ProjectBanner>
-          )}
+          )} */}
 
           <ProjectNav
             onPillClick={handlePillClick}

From 99601095b5df4891187056a367bce1fdcff45c05 Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Wed, 2 Jul 2025 18:28:08 +0530
Subject: [PATCH 04/12] To show ImageGallery in our project.

---
 src/main.tsx                          |   3 +
 src/pages/Gallary/ImageGallary.jsx    | 343 +++++++++++++++++++-
 src/pages/Gallary/ImageGallery.css    | 429 ++++++++++++++++++++++++++
 src/pages/Gallary/ImageGalleryAPI.jsx |   7 +
 src/pages/Gallary/ImagePop.css        | 103 +++++++
 src/pages/Gallary/ImagePop.jsx        |  94 ++++++
 src/pages/Gallary/ModalContext.jsx    |  23 ++
 7 files changed, 997 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/Gallary/ImageGallery.css
 create mode 100644 src/pages/Gallary/ImageGalleryAPI.jsx
 create mode 100644 src/pages/Gallary/ImagePop.css
 create mode 100644 src/pages/Gallary/ImagePop.jsx
 create mode 100644 src/pages/Gallary/ModalContext.jsx

diff --git a/src/main.tsx b/src/main.tsx
index 78f351eb..ac7175fe 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -8,6 +8,7 @@ import { Provider } from 'react-redux';
 import { store } from './store/store';
 import { ModalProvider } from './ModalContext.jsx';
 import { ChangePasswordProvider } from './components/Context/ChangePasswordContext.jsx';
+import { ModalProvider1 } from './pages/Gallary/ModalContext.jsx';
 
 
 createRoot(document.getElementById('root')!).render(
@@ -16,7 +17,9 @@ createRoot(document.getElementById('root')!).render(
   <Provider store={ store }>
     <ModalProvider>
       <ChangePasswordProvider >
+         <ModalProvider1>
      <App />
+     </ModalProvider1>
      </ChangePasswordProvider>
     </ModalProvider>
     </Provider>
diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index c0939fcd..5b3fca0d 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -1,8 +1,341 @@
-import React from "react";
-import { ComingSoonPage } from "../Misc/ComingSoonPage";
+import React, { useState, useEffect, useRef } from "react";
+import "./ImageGallery.css";
+import { ImageGalleryAPI } from "./ImageGalleryAPI"; // Assuming this exists
+import moment from "moment";
+import { useSelector } from "react-redux"; // Assuming Redux is set up
+import { useModal } from "./ModalContext"; // Assuming ModalContext exists
+import ImagePop from "./ImagePop"; // Assuming ImagePop component exists
+import Avatar from "../../components/common/Avatar"; // Assuming Avatar component exists
 
-const ImageGallary = () => {
-  return  <ComingSoonPage></ComingSoonPage>;
+const ImageGallery = () => {
+  const [images, setImages] = useState([]);
+  const selectedProjectId = useSelector((store) => store.localVariables.projectId);
+  const { openModal } = useModal();
+
+  const [selectedFilters, setSelectedFilters] = useState({
+    building: [],
+    floor: [],
+    activity: [],
+    uploadedBy: [],
+    workCategory: [],
+    workArea: [],
+  });
+
+  const [isFilterPanelOpen, setIsFilterPanelOpen] = useState(false); // Controls filter drawer
+  const [hoveredImage, setHoveredImage] = useState(null); // For image hover description
+  const [loading, setLoading] = useState(true);
+
+  const imageGroupRefs = useRef({}); // To reference horizontal scroll containers
+  const filterPanelRef = useRef(null); // Ref for the filter panel for click-outside
+  const filterButtonRef = useRef(null); // Ref for the filter button for click-outside
+
+  // Click outside handler for the filter panel
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      // Close filter panel if click is outside the panel and not on the toggle button itself
+      if (
+        filterPanelRef.current &&
+        !filterPanelRef.current.contains(event.target) &&
+        filterButtonRef.current &&
+        !filterButtonRef.current.contains(event.target)
+      ) {
+        setIsFilterPanelOpen(false);
+      }
+    };
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+
+  // Fetch images when the selectedProjectId changes
+  useEffect(() => {
+    if (!selectedProjectId) return;
+
+    setLoading(true);
+    ImageGalleryAPI.ImagesGet(selectedProjectId)
+      .then((res) => {
+        setImages(res.data);
+      })
+      .catch((err) => {
+        console.error("Error fetching images:", err);
+      })
+      .finally(() => {
+        setLoading(false);
+      });
+  }, [selectedProjectId]);
+
+  // Helper functions to get unique filter values
+  const getUniqueValues = (key) => [
+    ...new Set(images.map((img) => img[key]).filter(Boolean)),
+  ];
+
+  const getUniqueUploadedByUsers = () => [
+    ...new Set(
+      images
+        .map((img) => {
+          const firstName = img.uploadedBy?.firstName || "";
+          const lastName = img.uploadedBy?.lastName || "";
+          return `${firstName} ${lastName}`.trim();
+        })
+        .filter(Boolean)
+    ),
+  ];
+
+  const getUniqueWorkCategories = () => [
+    ...new Set(images.map((img) => img.workCategoryName).filter(Boolean)),
+  ];
+
+  // Derive filter options
+  const buildings = getUniqueValues("buildingName");
+  const floors = getUniqueValues("floorName");
+  const activities = getUniqueValues("activityName");
+  const workAreas = getUniqueValues("workAreaName");
+  const uploadedByUsers = getUniqueUploadedByUsers();
+  const workCategories = getUniqueWorkCategories();
+
+  // Toggle selected filters
+  const toggleFilter = (type, value) => {
+    setSelectedFilters((prev) => {
+      const current = prev[type];
+      return {
+        ...prev,
+        [type]: current.includes(value)
+          ? current.filter((v) => v !== value)
+          : [...current, value],
+      };
+    });
+  };
+
+  // Filter images based on selected filters
+  const filteredImages = images.filter(
+    (img) =>
+      (selectedFilters.building.length === 0 ||
+        selectedFilters.building.includes(img.buildingName)) &&
+      (selectedFilters.floor.length === 0 ||
+        selectedFilters.floor.includes(img.floorName)) &&
+      (selectedFilters.activity.length === 0 ||
+        selectedFilters.activity.includes(img.activityName)) &&
+      (selectedFilters.workArea.length === 0 ||
+        selectedFilters.workArea.includes(img.workAreaName)) &&
+      (selectedFilters.uploadedBy.length === 0 ||
+        selectedFilters.uploadedBy.includes(
+          `${img.uploadedBy?.firstName || ""} ${
+            img.uploadedBy?.lastName || ""
+          }`.trim()
+        )) &&
+      (selectedFilters.workCategory.length === 0 ||
+        selectedFilters.workCategory.includes(img.workCategoryName))
+  );
+
+  // Group images by Activity, Uploader, and Work Area
+  const imagesByActivityUser = {};
+  filteredImages.forEach((img) => {
+    const userName = `${img.uploadedBy?.firstName || ""} ${
+      img.uploadedBy?.lastName || ""
+    }`.trim();
+    const workArea = img.workAreaName || "Unknown"; // Handle cases where workAreaName might be null/undefined
+    const key = `${img.activityName}__${userName}__${workArea}`;
+    if (!imagesByActivityUser[key]) imagesByActivityUser[key] = [];
+    imagesByActivityUser[key].push(img);
+  });
+
+  // Scroll functionality for horizontal image groups
+  const scrollLeft = (key) => {
+    imageGroupRefs.current[key]?.scrollBy({ left: -200, behavior: "smooth" });
+  };
+
+  const scrollRight = (key) => {
+    imageGroupRefs.current[key]?.scrollBy({ left: 200, behavior: "smooth" });
+  };
+
+  // Helper function to render filter categories dropdowns
+  const renderFilterCategory = (label, items, type) => (
+    <div className="dropdown">
+      <div className="dropdown-content">
+        <div className="dropdown-header">
+          <strong>{label}</strong>
+          {selectedFilters[type].length > 0 && (
+            <button
+              className="clear-button"
+              onClick={() =>
+                setSelectedFilters((prev) => ({ ...prev, [type]: [] }))
+              }
+            >
+              Clear
+            </button>
+          )}
+        </div>
+        <hr />
+        {items.map((item) => (
+          <label key={item}>
+            <input
+              type="checkbox"
+              checked={selectedFilters[type].includes(item)}
+              onChange={() => toggleFilter(type, item)}
+            />
+            {item}
+          </label>
+        ))}
+      </div>
+    </div>
+  );
+
+  return (
+    <div className={`gallery-container ${isFilterPanelOpen ? "filter-panel-open" : ""}`}>
+      <div className="main-content">
+        <div className="activity-section">
+          {loading ? (
+            <div className="spinner-container">
+              <div className="spinner" />
+            </div>
+          ) : Object.entries(imagesByActivityUser).length > 0 ? (
+            // Render each grouped section of images
+            Object.entries(imagesByActivityUser).map(([key, imgs]) => {
+              // Destructure the key to get activity, user, and work area
+              const [activity, userName, workArea] = key.split("__");
+              // Get details from the first image in the group (assuming common details for the group)
+              const { buildingName, floorName, uploadedAt, workCategoryName } =
+                imgs[0];
+              const date = moment(uploadedAt).format("YYYY-MM-DD");
+              const time = moment(uploadedAt).format("hh:mm A");
+
+              return (
+                <div key={key} className="grouped-section">
+                  <div className="group-heading">
+                    <div className="d-flex flex-column">
+                      <div className="d-flex align-items-center mb-1">
+                        <Avatar
+                          size="xxs"
+                          firstName={imgs[0].uploadedBy?.firstName}
+                          lastName={imgs[0].uploadedBy?.lastName}
+                          className="me-2"
+                        />
+                        <div className="d-flex flex-column align-items-start">
+                          <strong className="user-name-text">
+                            {imgs[0].uploadedBy?.firstName}{" "}
+                            {imgs[0].uploadedBy?.lastName}
+                          </strong>
+                          <span className="me-2">
+                            {date} {time}
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+
+                    {/* Location and Work Category display */}
+                    <div className="location-line">
+                      <div>
+                        {buildingName} &gt; {floorName} &gt; {workArea} &gt;{" "}
+                        {activity}
+                      </div>
+                      {workCategoryName && (
+                        <div className="work-category-display ms-2">
+                          {workCategoryName}
+                        </div>
+                      )}
+                    </div>
+                  </div>
+
+                  <div className="image-group-wrapper">
+                    {/* Left scroll arrow */}
+                    <button
+                      className="scroll-arrow left-arrow"
+                      onClick={() => scrollLeft(key)}
+                    >
+                      &#8249;
+                    </button>
+                    <div
+                      className="image-group-horizontal"
+                      ref={(el) => (imageGroupRefs.current[key] = el)}
+                    >
+                      {/* Render individual image cards within the group */}
+                      {imgs.map((img, idx) => {
+                        const hoverDate = moment(img.uploadedAt).format(
+                          "YYYY-MM-DD"
+                        );
+                        const hoverTime = moment(img.uploadedAt).format(
+                          "hh:mm A"
+                        );
+
+                        return (
+                          <div
+                            key={img.imageUrl} // Use imageUrl as key if it's unique, otherwise use a unique ID
+                            className="image-card"
+                            // Pass the entire batch (imgs) and the clicked image's index (idx) to ImagePop
+                            onClick={() => openModal(<ImagePop images={imgs} initialIndex={idx} />)}
+                            onMouseEnter={() => setHoveredImage(img)}
+                            onMouseLeave={() => setHoveredImage(null)}
+                          >
+                            <div className="image-wrapper">
+                              <img src={img.imageUrl} alt={`Image ${idx + 1}`} />
+                            </div>
+                            {/* Hover description for image details */}
+                            {hoveredImage === img && (
+                              <div className="image-hover-description">
+                                <p>
+                                  <strong>Date:</strong> {hoverDate}
+                                </p>
+                                <p>
+                                  <strong>Time:</strong> {hoverTime}
+                                </p>
+                                <p>
+                                  <strong>Activity:</strong>{" "}
+                                  {img.activityName}
+                                </p>
+                              </div>
+                            )}
+                          </div>
+                        );
+                      })}
+                    </div>
+                    {/* Right scroll arrow */}
+                    <button
+                      className="scroll-arrow right-arrow"
+                      onClick={() => scrollRight(key)}
+                    >
+                      &#8250;
+                    </button>
+                  </div>
+                </div>
+              );
+            })
+          ) : (
+            <p style={{ textAlign: "center", color: "#777", marginTop: "50px" }}>
+              No images match the selected filters.
+            </p>
+          )}
+        </div>
+      </div>
+
+      {/* Filter drawer section */}
+      <div className="filter-drawer-wrapper">
+        <button
+          className={`filter-button ${isFilterPanelOpen ? "" : "closed-icon"}`}
+          onClick={() => setIsFilterPanelOpen(!isFilterPanelOpen)}
+          ref={filterButtonRef}
+        >
+          {isFilterPanelOpen ? (
+            <>
+              Filter <span>&#10006;</span> {/* X Mark when open */}
+            </>
+          ) : (
+            <span>&#9660;</span> 
+          )}
+        </button>
+        <div className={`filter-panel ${isFilterPanelOpen ? "open" : ""}`} ref={filterPanelRef}>
+          {renderFilterCategory("Building", buildings, "building")}
+          {renderFilterCategory("Floor", floors, "floor")}
+          {renderFilterCategory("Work Area", workAreas, "workArea")}
+          {renderFilterCategory("Activity", activities, "activity")}
+          {renderFilterCategory("Uploaded By (User)", uploadedByUsers, "uploadedBy")}
+          {renderFilterCategory("Work Category", workCategories, "workCategory")}
+        </div>
+      </div>
+    </div>
+  );
 };
 
-export default ImageGallary;
+export default ImageGallery;
+
diff --git a/src/pages/Gallary/ImageGallery.css b/src/pages/Gallary/ImageGallery.css
new file mode 100644
index 00000000..1795d188
--- /dev/null
+++ b/src/pages/Gallary/ImageGallery.css
@@ -0,0 +1,429 @@
+.gallery-container {
+  display: grid; /* Use CSS Grid for layout */
+  /*
+  * MODIFIED: When filter is closed, main content takes 1fr,
+  * and the filter column is just big enough for the small floating button (e.g., 50px).
+  */
+  grid-template-columns: 1fr 50px;
+  gap: 0px; /* Gap between main content and filter */
+  padding: 25px;
+  font-family: sans-serif;
+  height: calc(100vh - 20px);
+  box-sizing: border-box;
+  background-color: #f7f9fc;
+  transition: grid-template-columns 0.3s ease-in-out; /* Smooth transition for column resizing */
+}
+
+.gallery-container.filter-panel-open {
+  /* When open, main content shrinks, filter expands to 250px */
+  grid-template-columns: 1fr 250px;
+}
+
+/* Main content area (images) - No changes needed here */
+.main-content {
+  overflow-y: auto;
+  max-height: 100%;
+  box-sizing: border-box;
+  scrollbar-width: thin;
+  scrollbar-color: #a7a7a7 #f1f1f1;
+}
+
+.main-content::-webkit-scrollbar {
+  width: 8px;
+}
+
+.main-content::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 10px;
+}
+
+.main-content::-webkit-scrollbar-thumb {
+  background: #a7a7a7;
+  border-radius: 10px;
+}
+
+.main-content::-webkit-scrollbar-thumb:hover {
+  background: #888;
+}
+
+/* New: Wrapper for the filter drawer and its button */
+.filter-drawer-wrapper {
+  flex-shrink: 0;
+  max-height: 100%;
+  box-sizing: border-box;
+  position: relative; /* Essential for positioning the filter panel within */
+  /* Hides the scrollbar from the wrapper itself, as the panel will handle its own scrolling. */
+  scrollbar-width: none; /* For Firefox */
+  -ms-overflow-style: none; /* For IE and Edge */
+}
+
+.filter-drawer-wrapper::-webkit-scrollbar {
+  display: none; /* For Chrome, Safari, and Opera */
+}
+
+.filter-button {
+  background-color: #6366f1;
+  color: white;
+  padding: 8px 12px;
+  font-size: 14px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  /* Added padding to transition properties for smoothness */
+  transition: background-color 0.2s ease, box-shadow 0.2s ease, width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out, padding 0.3s ease-in-out;
+
+  /* Floating / Positioning */
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 40px; /* Fixed height when closed */
+  width: 40px; /* Fixed width when closed (making it square) */
+  z-index: 100; /* Ensure it stays on top */
+}
+
+/* When the filter panel is open, the button should match its width and blend with the panel */
+.gallery-container.filter-panel-open .filter-button {
+  width: calc(100% - 16px); /* Match filter-panel width minus its padding (8px on each side) */
+  height: auto; /* Allow height to adjust for text content */
+  padding: 8px 12px; /* Restore padding when expanded */
+  border-radius: 6px 6px 0 0; /* Adjust border-radius to blend with panel below */
+  justify-content: space-between; /* Space between "Filter" text and "X" icon */
+}
+
+/* Add a class for the button when the panel is closed to show only icon */
+.filter-button.closed-icon {
+  padding: 0; /* Remove padding to make it compact */
+  font-size: 20px; /* Make icon larger when it's just an icon */
+}
+
+.filter-button:hover {
+  background-color: #4f46e5;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+/* The actual panel that contains all filter categories */
+.filter-panel {
+  display: flex; /* Always display as flex to manage children */
+  background-color: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  padding: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  box-sizing: border-box;
+  flex-direction: column;
+  gap: 12px;
+  max-height: 0;
+  /* Use overflow-y: hidden for the max-height transition to work smoothly */
+  overflow-y: hidden;
+  opacity: 0;
+  transform: translateY(-10px);
+  /* Added border-radius to transition properties for smoothness */
+  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, border-radius 0.3s ease-in-out;
+
+  /* Position it below the button when open */
+  margin-top: 40px; /* Account for the button's fixed height */
+}
+
+.filter-panel.open {
+  max-height: 1000px; /* A value larger than the expected height of content */
+  opacity: 1;
+  transform: translateY(0);
+  /* Remove top radius to blend with button when open */
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+
+/* ... (rest of your CSS remains the same) ... */
+
+/* Individual dropdown sections within the filter panel */
+.dropdown-content {
+    display: block !important;
+    position: static;
+    background-color: #f9fafb;
+    box-shadow: none;
+    padding: 4px 0;
+    margin-top: 0;
+    border-radius: 0 0 4px 4px;
+    max-height: unset;
+    overflow-y: visible;
+}
+
+.dropdown-content label {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 5px 10px;
+    font-size: 12px;
+    font-weight: 500;
+    color: #333;
+    cursor: pointer;
+    transition: background 0.2s;
+}
+
+.dropdown-content label:hover {
+    background-color: #eef2ff;
+}
+
+.dropdown-content input[type="checkbox"] {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    width: 16px;
+    height: 16px;
+    border-radius: 3px;
+    border: 1px solid #c7d2fe;
+    background-color: #fff;
+    cursor: pointer;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease-in-out;
+}
+
+.dropdown-content input[type="checkbox"]:checked {
+    background-color: #6366f1;
+    border-color: #6366f1;
+}
+
+.dropdown-content input[type="checkbox"]:checked::after {
+    content: '✔';
+    font-size: 10px;
+    color: white;
+    position: absolute;
+}
+
+
+.dropdown-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 10px 5px;
+    border-bottom: 1px solid #eee;
+    margin-bottom: 6px;
+}
+
+.clear-button {
+    font-size: 10px;
+    background: none;
+    border: none;
+    color: #6366f1;
+    cursor: pointer;
+    padding: 3px 6px;
+    border-radius: 4px;
+    transition: background-color 0.2s ease;
+}
+
+.clear-button:hover {
+    background-color: #eef2ff;
+}
+
+/* --- Image Card Section --- */
+.grouped-section {
+    margin-bottom: 5px;
+    border: 1px solid #e0e0e0;
+    border-radius: 8px;
+    padding: 10px;
+    background-color: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+.group-heading {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 3px;
+    font-size: 12px;
+    flex-wrap: wrap;
+    padding-bottom: 8px;
+    border-bottom: 1px dashed #eee;
+}
+
+.group-heading > div {
+    margin-right: 15px;
+}
+
+.datetime-line {
+    font-size: 12px;
+    color: #777;
+    margin-top: 0px;
+
+}
+
+.location-line {
+    font-weight: 600;
+    font-size: 12px;
+    color: #555;
+    text-align: right; /* Keep this if you want the whole block aligned right */
+    display: flex; /* Use flexbox to manage children's layout */
+    flex-direction: column; /* Stack children vertically */
+    align-items: flex-end; /* Align items to the end (right) if text-align: right is desired */
+}
+.work-category-display {
+    /* Basic styling for the work category, if needed */
+    margin-top: 4px; /* Add some space above it */
+    padding: 2px 6px;
+    /* A light background for better visibility */
+    border-radius: 5px;
+    font-size: 12px;
+     /* Override the parent's bold if desired */
+    color: #555;
+}
+
+/* New: Wrapper for image group and arrows */
+.image-group-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: 0 0px;
+}
+
+.image-group-horizontal {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    overflow-x: hidden;
+    gap: 3px;
+    padding-bottom: 8px;
+    -webkit-overflow-scrolling: touch;
+    scroll-behavior: smooth;
+    width: 100%;
+}
+.scroll-arrow {
+    background-color: rgba(0, 0, 0, 0.5);
+    color: white;
+    border: none;
+    border-radius: 50%; /* This makes it a circle */
+    width: 30px; /* Ensure width and height are equal */
+    height: 44px; /* Ensure width and height are equal */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    font-size: 18px;
+    z-index: 10;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    opacity: 0;
+    transition: opacity 0.3s ease, background-color 0.2s ease;
+    pointer-events: none;
+}
+
+.image-group-wrapper:hover .scroll-arrow {
+    opacity: 1;
+    pointer-events: auto;
+}
+
+.scroll-arrow:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+.left-arrow {
+    left: 5px;
+}
+
+.right-arrow {
+    right: 5px;
+}
+
+.image-card {
+    width: 150px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background: #fff;
+    cursor: pointer;
+    overflow: hidden;
+    flex-shrink: 0;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    position: relative;
+}
+
+hr {
+    margin: 0rem 0;
+    color: var(--bs-border-color);
+    border: 0;
+    border-top: var(--bs-border-width) solid;
+    opacity: 1;
+}
+
+.image-card:hover {
+    transform: translateY(-2px) scale(1.03);
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
+}
+
+.image-wrapper img {
+    width: 100%;
+    height: 100px;
+    object-fit: cover;
+    display: block;
+    border-radius: 8px 8px 0 0;
+}
+
+/* NEW: Styles for the hover description */
+.image-hover-description {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.75);
+    color: white;
+    padding: 5px 8px;
+    box-sizing: border-box;
+    font-size: 11px;
+    line-height: 1.4;
+    text-align: left;
+    opacity: 0;
+    transform: translateY(100%);
+    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+    pointer-events: none;
+}
+
+.image-card:hover .image-hover-description {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.image-hover-description p {
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.spinner-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 200px;
+}
+
+.spinner {
+    border: 6px solid #f3f3f3;
+    border-top: 6px solid #6658f6;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    animation: spin 0.8s linear infinite;
+}
+
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+
diff --git a/src/pages/Gallary/ImageGalleryAPI.jsx b/src/pages/Gallary/ImageGalleryAPI.jsx
new file mode 100644
index 00000000..0c844b35
--- /dev/null
+++ b/src/pages/Gallary/ImageGalleryAPI.jsx
@@ -0,0 +1,7 @@
+import { api } from "../../utils/axiosClient";
+
+export const ImageGalleryAPI = {
+
+    ImagesGet: (projectId) =>
+    api.get(`/api/image/images/${projectId}`),
+}
\ No newline at end of file
diff --git a/src/pages/Gallary/ImagePop.css b/src/pages/Gallary/ImagePop.css
new file mode 100644
index 00000000..dfdb549c
--- /dev/null
+++ b/src/pages/Gallary/ImagePop.css
@@ -0,0 +1,103 @@
+.image-modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999; /* High z-index to ensure it's on top */
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.85); /* Dark semi-transparent background */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.image-modal-content {
+  background: #fff;
+  padding: 24px;
+  max-width: 90%; /* Responsive max-width */
+  max-height: 100%; /* Responsive max-height */
+  border-radius: 12px;
+  position: relative;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+  text-align: center;
+  display: flex; /* Use flexbox for internal layout */
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-image {
+  max-width: 100%;
+  max-height: 70vh; /* Limits image height to 70% of viewport height */
+  border-radius: 10px;
+  object-fit: contain; /* Ensures the whole image is visible without cropping */
+  margin-bottom: 20px;
+  flex-shrink: 0; /* Prevent image from shrinking if content is too large */
+}
+
+.image-details {
+  text-align: left;
+  color: #444;
+  font-size: 14px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 0;
+  width: 100%; /* Ensure details section takes full width */
+}
+
+.image-details p {
+  margin: 4px 0; /* Reduce vertical space between lines in details */
+}
+
+.close-button {
+  position: absolute;
+  top: 1px; /* Position relative to the modal content */
+  right: 8px;
+  font-size: 30px;
+  background: none;
+  border: none;
+  color: black; /* White color for visibility on dark overlay */
+  cursor: pointer;
+  padding: 0;
+  line-height: 1;
+  z-index: 10000; /* Ensure it's above everything else */
+}
+
+/* Styles for the navigation buttons */
+.nav-button {
+  position: absolute;
+  top: 50%; /* Vertically center them */
+  transform: translateY(-50%); /* Adjust for perfect vertical centering */
+  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  color: white;
+  border: none;
+  padding: 10px 15px;
+  font-size: 30px;
+  cursor: pointer;
+  z-index: 1000; /* Ensure buttons are above the image */
+  border-radius: 50%; /* Make them circular */
+  width: 50px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.3s ease; /* Smooth hover effect */
+}
+
+.nav-button:hover {
+  background-color: rgba(0, 0, 0, 0.8); /* Darker on hover */
+}
+
+.nav-button.prev-button {
+  left: 0px; /* Position left arrow */
+}
+
+.nav-button.next-button {
+  right: 0px; /* Position right arrow */
+}
+
+/* Style for disabled buttons (optional) */
+.nav-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
diff --git a/src/pages/Gallary/ImagePop.jsx b/src/pages/Gallary/ImagePop.jsx
new file mode 100644
index 00000000..62f4b8da
--- /dev/null
+++ b/src/pages/Gallary/ImagePop.jsx
@@ -0,0 +1,94 @@
+import React, { useState, useEffect } from "react";
+import "./ImagePop.css";
+import { useModal } from "./ModalContext";
+import moment from "moment";
+
+const ImagePop = ({ images, initialIndex = 0 }) => {
+  const { closeModal } = useModal();
+  // State to keep track of the currently displayed image's index
+  const [currentIndex, setCurrentIndex] = useState(initialIndex);
+
+  // Effect to update currentIndex if the initialIndex prop changes (e.g., if the modal is reused)
+  useEffect(() => {
+    setCurrentIndex(initialIndex);
+  }, [initialIndex, images]);
+
+  // If no images are provided or the array is empty, don't render
+  if (!images || images.length === 0) return null;
+
+  // Get the current image based on currentIndex
+  const image = images[currentIndex];
+
+  // Fallback if for some reason the image at the current index doesn't exist
+  if (!image) return null;
+
+  // Format details for display
+  const fullName = `${image.uploadedBy?.firstName || ""} ${
+    image.uploadedBy?.lastName || ""
+  }`.trim();
+  const date = moment(image.uploadedAt).format("YYYY-MM-DD");
+  const time = moment(image.uploadedAt).format("hh:mm A");
+
+  // Handler for navigating to the previous image
+  const handlePrev = () => {
+    setCurrentIndex((prevIndex) => Math.max(0, prevIndex - 1));
+  };
+
+  // Handler for navigating to the next image
+  const handleNext = () => {
+    setCurrentIndex((prevIndex) =>
+      Math.min(images.length - 1, prevIndex + 1)
+    );
+  };
+
+  // Determine if previous/next buttons should be enabled/visible
+  const hasPrev = currentIndex > 0;
+  const hasNext = currentIndex < images.length - 1;
+
+  return (
+    <div className="image-modal-overlay">
+      <div className="image-modal-content">
+        {/* Close button */}
+        <button className="close-button" onClick={closeModal}>
+          ×
+        </button>
+
+        {/* Previous button, only shown if there's a previous image */}
+        {hasPrev && (
+          <button className="nav-button prev-button" onClick={handlePrev}>
+            &#8249; {/* Unicode for single left angle quotation mark */}
+          </button>
+        )}
+
+        {/* The main image display */}
+        <img src={image.imageUrl} alt="Preview" className="modal-image" />
+
+        {/* Next button, only shown if there's a next image */}
+        {hasNext && (
+          <button className="nav-button next-button" onClick={handleNext}>
+            &#8250; {/* Unicode for single right angle quotation mark */}
+          </button>
+        )}
+
+        {/* Image details */}
+        <div className="image-details">
+          <p>
+            <strong>👤 Uploaded By:</strong> {fullName}
+          </p>
+          <p>
+            <strong>📅 Date:</strong> {date} {time}
+          </p>
+          <p>
+            <strong>🏢 Location:</strong> {image.buildingName} &gt;{" "}
+            {image.floorName} &gt; {image.activityName}
+          </p>
+          <p>
+            <strong>📝 Comments:</strong> {image.comment}
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ImagePop;
\ No newline at end of file
diff --git a/src/pages/Gallary/ModalContext.jsx b/src/pages/Gallary/ModalContext.jsx
new file mode 100644
index 00000000..a84450f5
--- /dev/null
+++ b/src/pages/Gallary/ModalContext.jsx
@@ -0,0 +1,23 @@
+import React, { createContext, useContext, useState } from "react";
+
+const ModalContext = createContext();
+
+export const ModalProvider1 = ({ children }) => {
+  const [modalContent, setModalContent] = useState(null);
+
+  const openModal = (content) => setModalContent(content);
+  const closeModal = () => setModalContent(null);
+
+  return (
+    <ModalContext.Provider value={{ openModal, closeModal }}>
+      {children}
+      {modalContent && (
+        <div className="global-modal-wrapper">
+          {modalContent}
+        </div>
+      )}
+    </ModalContext.Provider>
+  );
+};
+
+export const useModal = () => useContext(ModalContext);

From a94facb062f6111409c041855015262461fbcd4f Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Thu, 3 Jul 2025 14:49:18 +0530
Subject: [PATCH 05/12] Changes in Directory filter adding clear and apply
 button and calling api at the time apply filter.

---
 src/pages/Gallary/ImageGallary.jsx    | 380 +++++++++++------
 src/pages/Gallary/ImageGallery.css    | 590 +++++++++++++++-----------
 src/pages/Gallary/ImageGalleryAPI.jsx |   7 +-
 3 files changed, 615 insertions(+), 362 deletions(-)

diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index 5b3fca0d..ba023adb 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -1,11 +1,11 @@
-import React, { useState, useEffect, useRef } from "react";
+import React, { useState, useEffect, useRef, useCallback } from "react";
 import "./ImageGallery.css";
-import { ImageGalleryAPI } from "./ImageGalleryAPI"; // Assuming this exists
+import { ImageGalleryAPI } from "./ImageGalleryAPI";
 import moment from "moment";
-import { useSelector } from "react-redux"; // Assuming Redux is set up
-import { useModal } from "./ModalContext"; // Assuming ModalContext exists
-import ImagePop from "./ImagePop"; // Assuming ImagePop component exists
-import Avatar from "../../components/common/Avatar"; // Assuming Avatar component exists
+import { useSelector } from "react-redux";
+import { useModal } from "./ModalContext";
+import ImagePop from "./ImagePop";
+import Avatar from "../../components/common/Avatar";
 
 const ImageGallery = () => {
   const [images, setImages] = useState([]);
@@ -19,20 +19,41 @@ const ImageGallery = () => {
     uploadedBy: [],
     workCategory: [],
     workArea: [],
+    startDate: "",
+    endDate: "",
   });
 
-  const [isFilterPanelOpen, setIsFilterPanelOpen] = useState(false); // Controls filter drawer
-  const [hoveredImage, setHoveredImage] = useState(null); // For image hover description
+  const [appliedFilters, setAppliedFilters] = useState({
+    buildingIds: null,
+    floorIds: null,
+    activityIds: null,
+    uploadedByIds: null,
+    workCategoryIds: null,
+    workAreaIds: null,
+    startDate: null,
+    endDate: null,
+  });
+
+  const [collapsedFilters, setCollapsedFilters] = useState({
+    dateRange: false,
+    building: false,
+    floor: false,
+    activity: false,
+    uploadedBy: false,
+    workCategory: false,
+    workArea: false,
+  });
+
+  const [isFilterPanelOpen, setIsFilterPanelOpen] = useState(false);
+  const [hoveredImage, setHoveredImage] = useState(null);
   const [loading, setLoading] = useState(true);
 
-  const imageGroupRefs = useRef({}); // To reference horizontal scroll containers
-  const filterPanelRef = useRef(null); // Ref for the filter panel for click-outside
-  const filterButtonRef = useRef(null); // Ref for the filter button for click-outside
+  const imageGroupRefs = useRef({});
+  const filterPanelRef = useRef(null);
+  const filterButtonRef = useRef(null);
 
-  // Click outside handler for the filter panel
   useEffect(() => {
     const handleClickOutside = (event) => {
-      // Close filter panel if click is outside the panel and not on the toggle button itself
       if (
         filterPanelRef.current &&
         !filterPanelRef.current.contains(event.target) &&
@@ -49,136 +70,250 @@ const ImageGallery = () => {
     };
   }, []);
 
-  // Fetch images when the selectedProjectId changes
   useEffect(() => {
-    if (!selectedProjectId) return;
+    if (!selectedProjectId) {
+      setImages([]);
+      setLoading(false);
+      return;
+    }
 
     setLoading(true);
-    ImageGalleryAPI.ImagesGet(selectedProjectId)
+
+    ImageGalleryAPI.ImagesGet(selectedProjectId, appliedFilters)
       .then((res) => {
         setImages(res.data);
       })
       .catch((err) => {
         console.error("Error fetching images:", err);
+        setImages([]);
       })
       .finally(() => {
         setLoading(false);
       });
-  }, [selectedProjectId]);
+  }, [selectedProjectId, appliedFilters]);
 
-  // Helper functions to get unique filter values
-  const getUniqueValues = (key) => [
-    ...new Set(images.map((img) => img[key]).filter(Boolean)),
-  ];
-
-  const getUniqueUploadedByUsers = () => [
-    ...new Set(
-      images
-        .map((img) => {
-          const firstName = img.uploadedBy?.firstName || "";
-          const lastName = img.uploadedBy?.lastName || "";
-          return `${firstName} ${lastName}`.trim();
-        })
-        .filter(Boolean)
-    ),
-  ];
-
-  const getUniqueWorkCategories = () => [
-    ...new Set(images.map((img) => img.workCategoryName).filter(Boolean)),
-  ];
-
-  // Derive filter options
-  const buildings = getUniqueValues("buildingName");
-  const floors = getUniqueValues("floorName");
-  const activities = getUniqueValues("activityName");
-  const workAreas = getUniqueValues("workAreaName");
-  const uploadedByUsers = getUniqueUploadedByUsers();
-  const workCategories = getUniqueWorkCategories();
-
-  // Toggle selected filters
-  const toggleFilter = (type, value) => {
-    setSelectedFilters((prev) => {
-      const current = prev[type];
-      return {
-        ...prev,
-        [type]: current.includes(value)
-          ? current.filter((v) => v !== value)
-          : [...current, value],
-      };
-    });
-  };
-
-  // Filter images based on selected filters
-  const filteredImages = images.filter(
-    (img) =>
-      (selectedFilters.building.length === 0 ||
-        selectedFilters.building.includes(img.buildingName)) &&
-      (selectedFilters.floor.length === 0 ||
-        selectedFilters.floor.includes(img.floorName)) &&
-      (selectedFilters.activity.length === 0 ||
-        selectedFilters.activity.includes(img.activityName)) &&
-      (selectedFilters.workArea.length === 0 ||
-        selectedFilters.workArea.includes(img.workAreaName)) &&
-      (selectedFilters.uploadedBy.length === 0 ||
-        selectedFilters.uploadedBy.includes(
-          `${img.uploadedBy?.firstName || ""} ${
-            img.uploadedBy?.lastName || ""
-          }`.trim()
-        )) &&
-      (selectedFilters.workCategory.length === 0 ||
-        selectedFilters.workCategory.includes(img.workCategoryName))
+  const getUniqueValuesWithIds = useCallback(
+    (idKey, nameKey) => {
+      const uniqueMap = new Map();
+      images.forEach(img => {
+        if (img[idKey] && img[nameKey]) {
+          uniqueMap.set(img[idKey], img[nameKey]);
+        }
+      });
+      return Array.from(uniqueMap.entries());
+    },
+    [images]
+  );
+
+  const getUniqueUploadedByUsers = useCallback(
+    () => {
+      const uniqueUsersMap = new Map();
+      images.forEach(img => {
+        if (img.uploadedBy && img.uploadedBy.id) {
+          const fullName = `${img.uploadedBy.firstName || ""} ${img.uploadedBy.lastName || ""}`.trim();
+          if (fullName) {
+            uniqueUsersMap.set(img.uploadedBy.id, fullName);
+          }
+        }
+      });
+      return Array.from(uniqueUsersMap.entries());
+    },
+    [images]
+  );
+
+  const buildings = getUniqueValuesWithIds("buildingId", "buildingName");
+  const floors = getUniqueValuesWithIds("floorIds", "floorName");
+  const activities = getUniqueValuesWithIds("activityId", "activityName");
+  const workAreas = getUniqueValuesWithIds("workAreaId", "workAreaName");
+  const uploadedByUsers = getUniqueUploadedByUsers();
+  const workCategories = getUniqueValuesWithIds("workCategoryId", "workCategoryName");
+
+  const toggleFilter = useCallback((type, itemId, itemName) => {
+    setSelectedFilters((prev) => {
+      const current = prev[type];
+      const isSelected = current.some(item => item[0] === itemId);
+
+      const newArray = isSelected
+        ? current.filter((item) => item[0] !== itemId)
+        : [...current, [itemId, itemName]];
+
+      return {
+        ...prev,
+        [type]: newArray,
+      };
+    });
+  }, []);
+
+  const handleDateChange = useCallback((type, date) => {
+    setSelectedFilters((prev) => ({
+      ...prev,
+      [type]: date,
+    }));
+  }, []);
+
+  const toggleCollapse = useCallback((type) => {
+    setCollapsedFilters((prev) => ({
+      ...prev,
+      [type]: !prev[type],
+    }));
+  }, []);
+
+  const handleApplyFilters = useCallback(() => {
+    const payload = {
+      buildingIds: selectedFilters.building.length > 0 ? selectedFilters.building.map(item => item[0]) : null,
+      floorIds: selectedFilters.floor.length > 0 ? selectedFilters.floor.map(item => item[0]) : null,
+      workAreaIds: selectedFilters.workArea.length > 0 ? selectedFilters.workArea.map(item => item[0]) : null,
+      workCategoryIds: selectedFilters.workCategory.length > 0 ? selectedFilters.workCategory.map(item => item[0]) : null,
+      activityIds: selectedFilters.activity.length > 0 ? selectedFilters.activity.map(item => item[0]) : null,
+      uploadedByIds: selectedFilters.uploadedBy.length > 0 ? selectedFilters.uploadedBy.map(item => item[0]) : null,
+      startDate: selectedFilters.startDate || null,
+      endDate: selectedFilters.endDate || null,
+    };
+    setAppliedFilters(payload);
+    setIsFilterPanelOpen(false);
+  }, [selectedFilters]);
+
+
+  const handleClearAllFilters = useCallback(() => {
+    const initialStateSelected = {
+      building: [],
+      floor: [],
+      activity: [],
+      uploadedBy: [],
+      workCategory: [],
+      workArea: [],
+      startDate: "",
+      endDate: "",
+    };
+    setSelectedFilters(initialStateSelected);
+
+    const initialStateApplied = {
+      buildingIds: null,
+      floorIds: null,
+      activityIds: null,
+      uploadedByIds: null,
+      workCategoryIds: null,
+      workAreaIds: null,
+      startDate: null,
+      endDate: null,
+    };
+    setAppliedFilters(initialStateApplied);
+
+    setIsFilterPanelOpen(false);
+  }, []);
+
+  const filteredImages = images.filter(
+    (img) => {
+      const uploadedAtMoment = moment(img.uploadedAt);
+      const startDateMoment = appliedFilters.startDate ? moment(appliedFilters.startDate) : null;
+      const endDateMoment = appliedFilters.endDate ? moment(appliedFilters.endDate) : null;
+
+      const isWithinDateRange =
+        (!startDateMoment || uploadedAtMoment.isSameOrAfter(startDateMoment, 'day')) &&
+        (!endDateMoment || uploadedAtMoment.isSameOrBefore(endDateMoment, 'day'));
+
+      const passesCategoryFilters =
+        (appliedFilters.buildingIds === null || appliedFilters.buildingIds.includes(img.buildingId)) &&
+        (appliedFilters.floorIds === null || appliedFilters.floorIds.includes(img.floorIds)) &&
+        (appliedFilters.activityIds === null || appliedFilters.activityIds.includes(img.activityId)) &&
+        (appliedFilters.workAreaIds === null || appliedFilters.workAreaIds.includes(img.workAreaId)) &&
+        (appliedFilters.uploadedByIds === null || appliedFilters.uploadedByIds.includes(img.uploadedBy?.id)) &&
+        (appliedFilters.workCategoryIds === null || appliedFilters.workCategoryIds.includes(img.workCategoryId));
+
+      return isWithinDateRange && passesCategoryFilters;
+    }
   );
 
-  // Group images by Activity, Uploader, and Work Area
   const imagesByActivityUser = {};
   filteredImages.forEach((img) => {
-    const userName = `${img.uploadedBy?.firstName || ""} ${
-      img.uploadedBy?.lastName || ""
-    }`.trim();
-    const workArea = img.workAreaName || "Unknown"; // Handle cases where workAreaName might be null/undefined
+    const userName = `${img.uploadedBy?.firstName || ""} ${img.uploadedBy?.lastName || ""
+      }`.trim();
+    const workArea = img.workAreaName || "Unknown";
     const key = `${img.activityName}__${userName}__${workArea}`;
     if (!imagesByActivityUser[key]) imagesByActivityUser[key] = [];
     imagesByActivityUser[key].push(img);
   });
 
-  // Scroll functionality for horizontal image groups
-  const scrollLeft = (key) => {
+  const scrollLeft = useCallback((key) => {
     imageGroupRefs.current[key]?.scrollBy({ left: -200, behavior: "smooth" });
-  };
+  }, []);
 
-  const scrollRight = (key) => {
+  const scrollRight = useCallback((key) => {
     imageGroupRefs.current[key]?.scrollBy({ left: 200, behavior: "smooth" });
-  };
+  }, []);
 
-  // Helper function to render filter categories dropdowns
   const renderFilterCategory = (label, items, type) => (
-    <div className="dropdown">
-      <div className="dropdown-content">
-        <div className="dropdown-header">
-          <strong>{label}</strong>
-          {selectedFilters[type].length > 0 && (
+    <div className={`dropdown ${collapsedFilters[type] ? 'collapsed' : ''}`}>
+      <div className="dropdown-header" onClick={() => toggleCollapse(type)}>
+        <strong>{label}</strong>
+        <div className="header-controls">
+          {type === 'dateRange' && (selectedFilters.startDate || selectedFilters.endDate) && (
             <button
               className="clear-button"
-              onClick={() =>
-                setSelectedFilters((prev) => ({ ...prev, [type]: [] }))
-              }
+              onClick={(e) => {
+                e.stopPropagation();
+                setSelectedFilters(prev => ({ ...prev, startDate: "", endDate: "" }));
+              }}
+            >
+              Clear
+            </button>
+          )}
+          {type !== 'dateRange' && selectedFilters[type] && selectedFilters[type].length > 0 && (
+            <button
+              className="clear-button"
+              onClick={(e) => {
+                e.stopPropagation();
+                setSelectedFilters((prev) => ({ ...prev, [type]: [] }));
+              }}
             >
               Clear
             </button>
           )}
         </div>
-        <hr />
-        {items.map((item) => (
-          <label key={item}>
-            <input
-              type="checkbox"
-              checked={selectedFilters[type].includes(item)}
-              onChange={() => toggleFilter(type, item)}
-            />
-            {item}
-          </label>
-        ))}
       </div>
+      {!collapsedFilters[type] && (
+        <div className="dropdown-content">
+          {type === 'dateRange' ? (
+            <div className="date-range-inputs">
+              <label>
+                From:
+                <input
+                  type="date"
+                  value={selectedFilters.startDate}
+                  onChange={(e) => handleDateChange("startDate", e.target.value)}
+                  className="date-input"
+                />
+              </label>
+              <label>
+                To:
+                <input
+                  type="date"
+                  value={selectedFilters.endDate}
+                  onChange={(e) => handleDateChange("endDate", e.target.value)}
+                  className="date-input"
+                />
+              </label>
+            </div>
+          ) : (
+            items.map((item) => {
+              const itemId = item[0];
+              const itemName = item[1];
+              const isChecked = selectedFilters[type].some(selectedItem => selectedItem[0] === itemId);
+
+              return (
+                <label key={itemId}>
+                  <input
+                    type="checkbox"
+                    checked={isChecked}
+                    onChange={() => toggleFilter(type, itemId, itemName)}
+                  />
+                  {itemName}
+                </label>
+              );
+            })
+          )}
+        </div>
+      )}
     </div>
   );
 
@@ -191,11 +326,8 @@ const ImageGallery = () => {
               <div className="spinner" />
             </div>
           ) : Object.entries(imagesByActivityUser).length > 0 ? (
-            // Render each grouped section of images
             Object.entries(imagesByActivityUser).map(([key, imgs]) => {
-              // Destructure the key to get activity, user, and work area
               const [activity, userName, workArea] = key.split("__");
-              // Get details from the first image in the group (assuming common details for the group)
               const { buildingName, floorName, uploadedAt, workCategoryName } =
                 imgs[0];
               const date = moment(uploadedAt).format("YYYY-MM-DD");
@@ -224,7 +356,6 @@ const ImageGallery = () => {
                       </div>
                     </div>
 
-                    {/* Location and Work Category display */}
                     <div className="location-line">
                       <div>
                         {buildingName} &gt; {floorName} &gt; {workArea} &gt;{" "}
@@ -239,7 +370,6 @@ const ImageGallery = () => {
                   </div>
 
                   <div className="image-group-wrapper">
-                    {/* Left scroll arrow */}
                     <button
                       className="scroll-arrow left-arrow"
                       onClick={() => scrollLeft(key)}
@@ -250,7 +380,6 @@ const ImageGallery = () => {
                       className="image-group-horizontal"
                       ref={(el) => (imageGroupRefs.current[key] = el)}
                     >
-                      {/* Render individual image cards within the group */}
                       {imgs.map((img, idx) => {
                         const hoverDate = moment(img.uploadedAt).format(
                           "YYYY-MM-DD"
@@ -261,9 +390,8 @@ const ImageGallery = () => {
 
                         return (
                           <div
-                            key={img.imageUrl} // Use imageUrl as key if it's unique, otherwise use a unique ID
+                            key={img.imageUrl}
                             className="image-card"
-                            // Pass the entire batch (imgs) and the clicked image's index (idx) to ImagePop
                             onClick={() => openModal(<ImagePop images={imgs} initialIndex={idx} />)}
                             onMouseEnter={() => setHoveredImage(img)}
                             onMouseLeave={() => setHoveredImage(null)}
@@ -271,7 +399,6 @@ const ImageGallery = () => {
                             <div className="image-wrapper">
                               <img src={img.imageUrl} alt={`Image ${idx + 1}`} />
                             </div>
-                            {/* Hover description for image details */}
                             {hoveredImage === img && (
                               <div className="image-hover-description">
                                 <p>
@@ -290,7 +417,6 @@ const ImageGallery = () => {
                         );
                       })}
                     </div>
-                    {/* Right scroll arrow */}
                     <button
                       className="scroll-arrow right-arrow"
                       onClick={() => scrollRight(key)}
@@ -309,7 +435,6 @@ const ImageGallery = () => {
         </div>
       </div>
 
-      {/* Filter drawer section */}
       <div className="filter-drawer-wrapper">
         <button
           className={`filter-button ${isFilterPanelOpen ? "" : "closed-icon"}`}
@@ -318,24 +443,33 @@ const ImageGallery = () => {
         >
           {isFilterPanelOpen ? (
             <>
-              Filter <span>&#10006;</span> {/* X Mark when open */}
+              Filter <span>&#10006;</span>
             </>
           ) : (
-            <span>&#9660;</span> 
+            <span>&#9660;</span>
           )}
         </button>
         <div className={`filter-panel ${isFilterPanelOpen ? "open" : ""}`} ref={filterPanelRef}>
+          {renderFilterCategory("Date Range", [], "dateRange")}
           {renderFilterCategory("Building", buildings, "building")}
           {renderFilterCategory("Floor", floors, "floor")}
           {renderFilterCategory("Work Area", workAreas, "workArea")}
           {renderFilterCategory("Activity", activities, "activity")}
           {renderFilterCategory("Uploaded By (User)", uploadedByUsers, "uploadedBy")}
           {renderFilterCategory("Work Category", workCategories, "workCategory")}
+
+          <div className="filter-actions">
+            <button className="btn btn-secondary btn-xs " onClick={handleClearAllFilters}>
+              Clear All
+            </button>
+            <button className="btn btn-primary btn-xs " onClick={handleApplyFilters}>
+              Apply Filters
+            </button>
+          </div>
         </div>
       </div>
     </div>
   );
 };
 
-export default ImageGallery;
-
+export default ImageGallery;
\ No newline at end of file
diff --git a/src/pages/Gallary/ImageGallery.css b/src/pages/Gallary/ImageGallery.css
index 1795d188..5fc79da0 100644
--- a/src/pages/Gallary/ImageGallery.css
+++ b/src/pages/Gallary/ImageGallery.css
@@ -1,25 +1,19 @@
 .gallery-container {
-  display: grid; /* Use CSS Grid for layout */
-  /*
-  * MODIFIED: When filter is closed, main content takes 1fr,
-  * and the filter column is just big enough for the small floating button (e.g., 50px).
-  */
+  display: grid;
   grid-template-columns: 1fr 50px;
-  gap: 0px; /* Gap between main content and filter */
+  gap: 4px;
   padding: 25px;
   font-family: sans-serif;
   height: calc(100vh - 20px);
   box-sizing: border-box;
   background-color: #f7f9fc;
-  transition: grid-template-columns 0.3s ease-in-out; /* Smooth transition for column resizing */
+  transition: grid-template-columns 0.3s ease-in-out;
 }
 
 .gallery-container.filter-panel-open {
-  /* When open, main content shrinks, filter expands to 250px */
   grid-template-columns: 1fr 250px;
 }
 
-/* Main content area (images) - No changes needed here */
 .main-content {
   overflow-y: auto;
   max-height: 100%;
@@ -46,19 +40,17 @@
   background: #888;
 }
 
-/* New: Wrapper for the filter drawer and its button */
 .filter-drawer-wrapper {
   flex-shrink: 0;
   max-height: 100%;
   box-sizing: border-box;
-  position: relative; /* Essential for positioning the filter panel within */
-  /* Hides the scrollbar from the wrapper itself, as the panel will handle its own scrolling. */
-  scrollbar-width: none; /* For Firefox */
-  -ms-overflow-style: none; /* For IE and Edge */
+  position: relative;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
 }
 
 .filter-drawer-wrapper::-webkit-scrollbar {
-  display: none; /* For Chrome, Safari, and Opera */
+  display: none;
 }
 
 .filter-button {
@@ -74,31 +66,26 @@
   justify-content: center;
   align-items: center;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-  /* Added padding to transition properties for smoothness */
   transition: background-color 0.2s ease, box-shadow 0.2s ease, width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out, padding 0.3s ease-in-out;
-
-  /* Floating / Positioning */
   position: absolute;
   top: 0;
   right: 0;
-  height: 40px; /* Fixed height when closed */
-  width: 40px; /* Fixed width when closed (making it square) */
-  z-index: 100; /* Ensure it stays on top */
+  height: 40px;
+  width: 40px;
+  z-index: 100;
 }
 
-/* When the filter panel is open, the button should match its width and blend with the panel */
 .gallery-container.filter-panel-open .filter-button {
-  width: calc(100% - 16px); /* Match filter-panel width minus its padding (8px on each side) */
-  height: auto; /* Allow height to adjust for text content */
-  padding: 8px 12px; /* Restore padding when expanded */
-  border-radius: 6px 6px 0 0; /* Adjust border-radius to blend with panel below */
-  justify-content: space-between; /* Space between "Filter" text and "X" icon */
+  width: calc(100% - 16px);
+  height: auto;
+  padding: 8px 12px;
+  border-radius: 6px 6px 0 0;
+  justify-content: space-between;
 }
 
-/* Add a class for the button when the panel is closed to show only icon */
 .filter-button.closed-icon {
-  padding: 0; /* Remove padding to make it compact */
-  font-size: 20px; /* Make icon larger when it's just an icon */
+  padding: 0;
+  font-size: 20px;
 }
 
 .filter-button:hover {
@@ -106,9 +93,10 @@
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
 }
 
-/* The actual panel that contains all filter categories */
 .filter-panel {
-  display: flex; /* Always display as flex to manage children */
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
   background-color: #fff;
   border: 1px solid #e5e7eb;
   border-radius: 6px;
@@ -116,314 +104,442 @@
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   width: 100%;
   box-sizing: border-box;
-  flex-direction: column;
-  gap: 12px;
-  max-height: 0;
-  /* Use overflow-y: hidden for the max-height transition to work smoothly */
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  max-height: calc(100% - 40px);
+  padding-top: 37px;
   overflow-y: hidden;
   opacity: 0;
   transform: translateY(-10px);
-  /* Added border-radius to transition properties for smoothness */
   transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, border-radius 0.3s ease-in-out;
-
-  /* Position it below the button when open */
-  margin-top: 40px; /* Account for the button's fixed height */
 }
 
 .filter-panel.open {
-  max-height: 1000px; /* A value larger than the expected height of content */
+  max-height: calc(100% - 40px);
   opacity: 1;
   transform: translateY(0);
-  /* Remove top radius to blend with button when open */
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+  overflow-y: auto;
+  /* padding-bottom: 8px; */
+  /* Adjust padding to accommodate the new buttons */
+  padding-bottom: -1px; /* Enough space for buttons + some padding */
 }
 
 
-/* ... (rest of your CSS remains the same) ... */
 
-/* Individual dropdown sections within the filter panel */
+.dropdown {
+  transition: all 0.3s ease-in-out;
+}
+
 .dropdown-content {
-    display: block !important;
-    position: static;
-    background-color: #f9fafb;
-    box-shadow: none;
-    padding: 4px 0;
-    margin-top: 0;
-    border-radius: 0 0 4px 4px;
-    max-height: unset;
-    overflow-y: visible;
+  display: block;
+  position: static;
+  box-shadow: none;
+  padding: 4px 10px;
+  border-radius: 0 0 4px 4px;
+  max-height: 150px;
+  overflow-y: auto;
+  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
+}
+
+.dropdown.collapsed .dropdown-content {
+  max-height: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  overflow: hidden;
+}
+
+.dropdown-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.dropdown-content::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 10px;
+}
+
+.dropdown-content::-webkit-scrollbar-thumb {
+  background: #c0c0c0;
+  border-radius: 10px;
+}
+
+.dropdown-content::-webkit-scrollbar-thumb:hover {
+  background: #a7a7a7;
 }
 
 .dropdown-content label {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: 5px 10px;
-    font-size: 12px;
-    font-weight: 500;
-    color: #333;
-    cursor: pointer;
-    transition: background 0.2s;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 0px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #333;
+  cursor: pointer;
+  transition: background 0.2s;
 }
 
 .dropdown-content label:hover {
-    background-color: #eef2ff;
+  background-color: #eef2ff;
 }
 
 .dropdown-content input[type="checkbox"] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    width: 16px;
-    height: 16px;
-    border-radius: 3px;
-    border: 1px solid #c7d2fe;
-    background-color: #fff;
-    cursor: pointer;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease-in-out;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 3px;
+  border: 1px solid #c7d2fe;
+  background-color: #fff;
+  cursor: pointer;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease-in-out;
 }
 
 .dropdown-content input[type="checkbox"]:checked {
-    background-color: #6366f1;
-    border-color: #6366f1;
+  background-color: #6366f1;
+  border-color: #6366f1;
 }
 
 .dropdown-content input[type="checkbox"]:checked::after {
-    content: '✔';
-    font-size: 10px;
-    color: white;
-    position: absolute;
+  content: '✔';
+  font-size: 10px;
+  color: white;
+  position: absolute;
 }
 
-
 .dropdown-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 10px 5px;
-    border-bottom: 1px solid #eee;
-    margin-bottom: 6px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 10px;
+  background-color: #eef2ff;
+  border-bottom: 1px solid #c7d2fe;
+  font-weight: bold;
+  font-size: 13px;
+  color: #333;
+  cursor: pointer;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  transition: background-color 0.3s ease, border-bottom 0.3s ease;
+}
+
+.dropdown.collapsed .dropdown-header {
+  border-bottom: none;
+  border-radius: 4px;
+  box-shadow: none;
 }
 
 .clear-button {
-    font-size: 10px;
-    background: none;
-    border: none;
-    color: #6366f1;
-    cursor: pointer;
-    padding: 3px 6px;
-    border-radius: 4px;
-    transition: background-color 0.2s ease;
+  font-size: 10px;
+  background: none;
+  border: none;
+  color: #6366f1;
+  cursor: pointer;
+  padding: 3px 6px;
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+  flex-shrink: 0;
 }
 
 .clear-button:hover {
-    background-color: #eef2ff;
+  background-color: #eef2ff;
+}
+
+.header-controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.toggle-icon {
+  font-size: 10px;
+  color: #6366f1;
+  transition: transform 0.2s ease;
+}
+
+.dropdown .toggle-icon {
+  transform: rotate(0deg);
+}
+
+.dropdown.collapsed .toggle-icon {
+  transform: rotate(-90deg);
+}
+
+.date-range-inputs {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 5px 0;
+}
+
+.date-range-inputs label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #333;
+}
+
+.date-input {
+  flex-grow: 1;
+  padding: 6px 8px;
+  border: 1px solid #c7d2fe;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #333;
+  background-color: #fff;
+  outline: none;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.date-input:focus {
+  border-color: #6366f1;
+  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
 }
 
-/* --- Image Card Section --- */
 .grouped-section {
-    margin-bottom: 5px;
-    border: 1px solid #e0e0e0;
-    border-radius: 8px;
-    padding: 10px;
-    background-color: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  margin-bottom: 5px;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 10px;
+  background-color: #fff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
 
 .group-heading {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    margin-bottom: 3px;
-    font-size: 12px;
-    flex-wrap: wrap;
-    padding-bottom: 8px;
-    border-bottom: 1px dashed #eee;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 3px;
+  font-size: 12px;
+  flex-wrap: wrap;
+  padding-bottom: 8px;
+  border-bottom: 1px dashed #eee;
 }
 
 .group-heading > div {
-    margin-right: 15px;
+  margin-right: 15px;
 }
 
 .datetime-line {
-    font-size: 12px;
-    color: #777;
-    margin-top: 0px;
-
+  font-size: 12px;
+  color: #777;
+  margin-top: 0px;
 }
 
 .location-line {
-    font-weight: 600;
-    font-size: 12px;
-    color: #555;
-    text-align: right; /* Keep this if you want the whole block aligned right */
-    display: flex; /* Use flexbox to manage children's layout */
-    flex-direction: column; /* Stack children vertically */
-    align-items: flex-end; /* Align items to the end (right) if text-align: right is desired */
-}
-.work-category-display {
-    /* Basic styling for the work category, if needed */
-    margin-top: 4px; /* Add some space above it */
-    padding: 2px 6px;
-    /* A light background for better visibility */
-    border-radius: 5px;
-    font-size: 12px;
-     /* Override the parent's bold if desired */
-    color: #555;
+  font-weight: 600;
+  font-size: 12px;
+  color: #555;
+  text-align: right;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.work-category-display {
+  margin-top: 4px;
+  padding: 2px 6px;
+  border-radius: 5px;
+  font-size: 12px;
+  color: #555;
 }
 
-/* New: Wrapper for image group and arrows */
 .image-group-wrapper {
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding: 0 0px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0 0px;
 }
 
 .image-group-horizontal {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    overflow-x: hidden;
-    gap: 3px;
-    padding-bottom: 8px;
-    -webkit-overflow-scrolling: touch;
-    scroll-behavior: smooth;
-    width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  overflow-x: hidden;
+  gap: 3px;
+  padding-bottom: 8px;
+  -webkit-overflow-scrolling: touch;
+  scroll-behavior: smooth;
+  width: 100%;
 }
+
 .scroll-arrow {
-    background-color: rgba(0, 0, 0, 0.5);
-    color: white;
-    border: none;
-    border-radius: 50%; /* This makes it a circle */
-    width: 30px; /* Ensure width and height are equal */
-    height: 44px; /* Ensure width and height are equal */
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    font-size: 18px;
-    z-index: 10;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    opacity: 0;
-    transition: opacity 0.3s ease, background-color 0.2s ease;
-    pointer-events: none;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: white;
+  border: none;
+  border-radius: 50%;
+  width: 30px;
+  height: 44px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  font-size: 18px;
+  z-index: 10;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  opacity: 0;
+  transition: opacity 0.3s ease, background-color 0.2s ease;
+  pointer-events: none;
 }
 
 .image-group-wrapper:hover .scroll-arrow {
-    opacity: 1;
-    pointer-events: auto;
+  opacity: 1;
+  pointer-events: auto;
 }
 
 .scroll-arrow:hover {
-    background-color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
 }
 
 .left-arrow {
-    left: 5px;
+  left: 5px;
 }
 
 .right-arrow {
-    right: 5px;
+  right: 5px;
 }
 
 .image-card {
-    width: 150px;
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    background: #fff;
-    cursor: pointer;
-    overflow: hidden;
-    flex-shrink: 0;
-    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
-    transition: transform 0.2s ease, box-shadow 0.2s ease;
-    position: relative;
+  width: 150px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  background: #fff;
+  cursor: pointer;
+  overflow: hidden;
+  flex-shrink: 0;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  position: relative;
 }
 
 hr {
-    margin: 0rem 0;
-    color: var(--bs-border-color);
-    border: 0;
-    border-top: var(--bs-border-width) solid;
-    opacity: 1;
+  display: none;
 }
 
 .image-card:hover {
-    transform: translateY(-2px) scale(1.03);
-    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px) scale(1.03);
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
 }
 
 .image-wrapper img {
-    width: 100%;
-    height: 100px;
-    object-fit: cover;
-    display: block;
-    border-radius: 8px 8px 0 0;
+  width: 100%;
+  height: 100px;
+  object-fit: cover;
+  display: block;
+  border-radius: 8px 8px 0 0;
 }
 
-/* NEW: Styles for the hover description */
 .image-hover-description {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    background-color: rgba(0, 0, 0, 0.75);
-    color: white;
-    padding: 5px 8px;
-    box-sizing: border-box;
-    font-size: 11px;
-    line-height: 1.4;
-    text-align: left;
-    opacity: 0;
-    transform: translateY(100%);
-    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
-    border-bottom-left-radius: 8px;
-    border-bottom-right-radius: 8px;
-    pointer-events: none;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: white;
+  padding: 5px 8px;
+  box-sizing: border-box;
+  font-size: 11px;
+  line-height: 1.4;
+  text-align: left;
+  opacity: 0;
+  transform: translateY(100%);
+  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  pointer-events: none;
 }
 
 .image-card:hover .image-hover-description {
-    opacity: 1;
-    transform: translateY(0);
+  opacity: 1;
+  transform: translateY(0);
 }
 
 .image-hover-description p {
-    margin: 0;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+  margin: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .spinner-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 200px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 200px;
 }
 
 .spinner {
-    border: 6px solid #f3f3f3;
-    border-top: 6px solid #6658f6;
-    border-radius: 50%;
-    width: 40px;
-    height: 40px;
-    animation: spin 0.8s linear infinite;
+  border: 6px solid #f3f3f3;
+  border-top: 6px solid #6658f6;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  animation: spin 0.8s linear infinite;
 }
 
 @keyframes spin {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
+/* New styles for filter action buttons */
+.filter-actions {
+  display: flex;
+  justify-content: space-between;
+  margin-top: auto; /* Pushes buttons to the bottom */
+  padding-top: 10px;
+  border-top: 1px solid #e5e7eb;
+  background-color: #fff;
+  position: sticky;
+  bottom: 0;
+  z-index: 10;
+  padding-bottom: 0px;
+}
 
+.apply-filters-button,
+.clear-all-button {
+  padding: 8px 15px;
+  border-radius: 5px;
+  font-size: 13px;
+  cursor: pointer;
+  transition: background-color 0.2s ease, box-shadow 0.2s ease;
+  flex: 1; /* Make buttons take equal width */
+  margin: 0 4px; /* Add some spacing between them */
+}
+
+.apply-filters-button {
+  /* background-color: #6366f1;
+  color: white; */
+  border: none;
+}
+
+.apply-filters-button:hover {
+  background-color: #4f46e5;
+  /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
+}
+
+.clear-all-button {
+  border: 1px solid #cbd5e1;
+}
+
+.clear-all-button:hover {
+  background-color: #e2e8f0;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
diff --git a/src/pages/Gallary/ImageGalleryAPI.jsx b/src/pages/Gallary/ImageGalleryAPI.jsx
index 0c844b35..df18611d 100644
--- a/src/pages/Gallary/ImageGalleryAPI.jsx
+++ b/src/pages/Gallary/ImageGalleryAPI.jsx
@@ -2,6 +2,9 @@ import { api } from "../../utils/axiosClient";
 
 export const ImageGalleryAPI = {
 
-    ImagesGet: (projectId) =>
-    api.get(`/api/image/images/${projectId}`),
+    ImagesGet: (projectId, filter) => {
+        const payloadJsonString = JSON.stringify(filter);
+        console.log("Applying filters with payload JSON string:", payloadJsonString);
+        return api.get(`/api/image/images/${projectId}?filter=${payloadJsonString}`)
+    },
 }
\ No newline at end of file

From 09906420a6760677aae4ca241ca524a0673d2527 Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Fri, 4 Jul 2025 10:18:18 +0530
Subject: [PATCH 06/12] Adding Date Range picker in filter dropdown.

---
 src/pages/Gallary/ImageGallary.jsx    | 245 +++++++++++++++-----------
 src/pages/Gallary/ImageGallery.css    |  64 ++++---
 src/pages/Gallary/ImageGalleryAPI.jsx |   1 -
 3 files changed, 179 insertions(+), 131 deletions(-)

diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index ba023adb..da51b496 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -1,3 +1,4 @@
+// ImageGallery.js
 import React, { useState, useEffect, useRef, useCallback } from "react";
 import "./ImageGallery.css";
 import { ImageGalleryAPI } from "./ImageGalleryAPI";
@@ -6,12 +7,15 @@ import { useSelector } from "react-redux";
 import { useModal } from "./ModalContext";
 import ImagePop from "./ImagePop";
 import Avatar from "../../components/common/Avatar";
+import DateRangePicker from "../../components/common/DateRangePicker"; // Assuming this is the path to your DateRangePicker
 
 const ImageGallery = () => {
   const [images, setImages] = useState([]);
   const selectedProjectId = useSelector((store) => store.localVariables.projectId);
   const { openModal } = useModal();
 
+  const yesterday = moment().subtract(1, 'days').format('YYYY-MM-DD');
+
   const [selectedFilters, setSelectedFilters] = useState({
     building: [],
     floor: [],
@@ -95,7 +99,7 @@ const ImageGallery = () => {
   const getUniqueValuesWithIds = useCallback(
     (idKey, nameKey) => {
       const uniqueMap = new Map();
-      images.forEach(img => {
+      images.forEach((img) => {
         if (img[idKey] && img[nameKey]) {
           uniqueMap.set(img[idKey], img[nameKey]);
         }
@@ -105,21 +109,20 @@ const ImageGallery = () => {
     [images]
   );
 
-  const getUniqueUploadedByUsers = useCallback(
-    () => {
-      const uniqueUsersMap = new Map();
-      images.forEach(img => {
-        if (img.uploadedBy && img.uploadedBy.id) {
-          const fullName = `${img.uploadedBy.firstName || ""} ${img.uploadedBy.lastName || ""}`.trim();
-          if (fullName) {
-            uniqueUsersMap.set(img.uploadedBy.id, fullName);
-          }
+  const getUniqueUploadedByUsers = useCallback(() => {
+    const uniqueUsersMap = new Map();
+    images.forEach((img) => {
+      if (img.uploadedBy && img.uploadedBy.id) {
+        const fullName = `${img.uploadedBy.firstName || ""} ${
+          img.uploadedBy.lastName || ""
+        }`.trim();
+        if (fullName) {
+          uniqueUsersMap.set(img.uploadedBy.id, fullName);
         }
-      });
-      return Array.from(uniqueUsersMap.entries());
-    },
-    [images]
-  );
+      }
+    });
+    return Array.from(uniqueUsersMap.entries());
+  }, [images]);
 
   const buildings = getUniqueValuesWithIds("buildingId", "buildingName");
   const floors = getUniqueValuesWithIds("floorIds", "floorName");
@@ -131,7 +134,7 @@ const ImageGallery = () => {
   const toggleFilter = useCallback((type, itemId, itemName) => {
     setSelectedFilters((prev) => {
       const current = prev[type];
-      const isSelected = current.some(item => item[0] === itemId);
+      const isSelected = current.some((item) => item[0] === itemId);
 
       const newArray = isSelected
         ? current.filter((item) => item[0] !== itemId)
@@ -144,10 +147,11 @@ const ImageGallery = () => {
     });
   }, []);
 
-  const handleDateChange = useCallback((type, date) => {
+  const setDateRange = useCallback(({ startDate, endDate }) => {
     setSelectedFilters((prev) => ({
       ...prev,
-      [type]: date,
+      startDate: startDate || "",
+      endDate: endDate || "",
     }));
   }, []);
 
@@ -160,12 +164,30 @@ const ImageGallery = () => {
 
   const handleApplyFilters = useCallback(() => {
     const payload = {
-      buildingIds: selectedFilters.building.length > 0 ? selectedFilters.building.map(item => item[0]) : null,
-      floorIds: selectedFilters.floor.length > 0 ? selectedFilters.floor.map(item => item[0]) : null,
-      workAreaIds: selectedFilters.workArea.length > 0 ? selectedFilters.workArea.map(item => item[0]) : null,
-      workCategoryIds: selectedFilters.workCategory.length > 0 ? selectedFilters.workCategory.map(item => item[0]) : null,
-      activityIds: selectedFilters.activity.length > 0 ? selectedFilters.activity.map(item => item[0]) : null,
-      uploadedByIds: selectedFilters.uploadedBy.length > 0 ? selectedFilters.uploadedBy.map(item => item[0]) : null,
+      buildingIds:
+        selectedFilters.building.length > 0
+          ? selectedFilters.building.map((item) => item[0])
+          : null,
+      floorIds:
+        selectedFilters.floor.length > 0
+          ? selectedFilters.floor.map((item) => item[0])
+          : null,
+      workAreaIds:
+        selectedFilters.workArea.length > 0
+          ? selectedFilters.workArea.map((item) => item[0])
+          : null,
+      workCategoryIds:
+        selectedFilters.workCategory.length > 0
+          ? selectedFilters.workCategory.map((item) => item[0])
+          : null,
+      activityIds:
+        selectedFilters.activity.length > 0
+          ? selectedFilters.activity.map((item) => item[0])
+          : null,
+      uploadedByIds:
+        selectedFilters.uploadedBy.length > 0
+          ? selectedFilters.uploadedBy.map((item) => item[0])
+          : null,
       startDate: selectedFilters.startDate || null,
       endDate: selectedFilters.endDate || null,
     };
@@ -173,7 +195,6 @@ const ImageGallery = () => {
     setIsFilterPanelOpen(false);
   }, [selectedFilters]);
 
-
   const handleClearAllFilters = useCallback(() => {
     const initialStateSelected = {
       building: [],
@@ -202,32 +223,41 @@ const ImageGallery = () => {
     setIsFilterPanelOpen(false);
   }, []);
 
-  const filteredImages = images.filter(
-    (img) => {
-      const uploadedAtMoment = moment(img.uploadedAt);
-      const startDateMoment = appliedFilters.startDate ? moment(appliedFilters.startDate) : null;
-      const endDateMoment = appliedFilters.endDate ? moment(appliedFilters.endDate) : null;
+  const filteredImages = images.filter((img) => {
+    const uploadedAtMoment = moment(img.uploadedAt);
+    const startDateMoment = appliedFilters.startDate
+      ? moment(appliedFilters.startDate)
+      : null;
+    const endDateMoment = appliedFilters.endDate
+      ? moment(appliedFilters.endDate)
+      : null;
 
-      const isWithinDateRange =
-        (!startDateMoment || uploadedAtMoment.isSameOrAfter(startDateMoment, 'day')) &&
-        (!endDateMoment || uploadedAtMoment.isSameOrBefore(endDateMoment, 'day'));
+    const isWithinDateRange =
+      (!startDateMoment || uploadedAtMoment.isSameOrAfter(startDateMoment, "day")) &&
+      (!endDateMoment || uploadedAtMoment.isSameOrBefore(endDateMoment, "day"));
 
-      const passesCategoryFilters =
-        (appliedFilters.buildingIds === null || appliedFilters.buildingIds.includes(img.buildingId)) &&
-        (appliedFilters.floorIds === null || appliedFilters.floorIds.includes(img.floorIds)) &&
-        (appliedFilters.activityIds === null || appliedFilters.activityIds.includes(img.activityId)) &&
-        (appliedFilters.workAreaIds === null || appliedFilters.workAreaIds.includes(img.workAreaId)) &&
-        (appliedFilters.uploadedByIds === null || appliedFilters.uploadedByIds.includes(img.uploadedBy?.id)) &&
-        (appliedFilters.workCategoryIds === null || appliedFilters.workCategoryIds.includes(img.workCategoryId));
+    const passesCategoryFilters =
+      (appliedFilters.buildingIds === null ||
+        appliedFilters.buildingIds.includes(img.buildingId)) &&
+      (appliedFilters.floorIds === null ||
+        appliedFilters.floorIds.includes(img.floorIds)) &&
+      (appliedFilters.activityIds === null ||
+        appliedFilters.activityIds.includes(img.activityId)) &&
+      (appliedFilters.workAreaIds === null ||
+        appliedFilters.workAreaIds.includes(img.workAreaId)) &&
+      (appliedFilters.uploadedByIds === null ||
+        appliedFilters.uploadedByIds.includes(img.uploadedBy?.id)) &&
+      (appliedFilters.workCategoryIds === null ||
+        appliedFilters.workCategoryIds.includes(img.workCategoryId));
 
-      return isWithinDateRange && passesCategoryFilters;
-    }
-  );
+    return isWithinDateRange && passesCategoryFilters;
+  });
 
   const imagesByActivityUser = {};
   filteredImages.forEach((img) => {
-    const userName = `${img.uploadedBy?.firstName || ""} ${img.uploadedBy?.lastName || ""
-      }`.trim();
+    const userName = `${img.uploadedBy?.firstName || ""} ${
+      img.uploadedBy?.lastName || ""
+    }`.trim();
     const workArea = img.workAreaName || "Unknown";
     const key = `${img.activityName}__${userName}__${workArea}`;
     if (!imagesByActivityUser[key]) imagesByActivityUser[key] = [];
@@ -243,62 +273,48 @@ const ImageGallery = () => {
   }, []);
 
   const renderFilterCategory = (label, items, type) => (
-    <div className={`dropdown ${collapsedFilters[type] ? 'collapsed' : ''}`}>
+    <div className={`dropdown ${collapsedFilters[type] ? "collapsed" : ""}`}>
       <div className="dropdown-header" onClick={() => toggleCollapse(type)}>
         <strong>{label}</strong>
         <div className="header-controls">
-          {type === 'dateRange' && (selectedFilters.startDate || selectedFilters.endDate) && (
-            <button
-              className="clear-button"
-              onClick={(e) => {
-                e.stopPropagation();
-                setSelectedFilters(prev => ({ ...prev, startDate: "", endDate: "" }));
-              }}
-            >
-              Clear
-            </button>
-          )}
-          {type !== 'dateRange' && selectedFilters[type] && selectedFilters[type].length > 0 && (
-            <button
-              className="clear-button"
-              onClick={(e) => {
-                e.stopPropagation();
-                setSelectedFilters((prev) => ({ ...prev, [type]: [] }));
-              }}
-            >
-              Clear
-            </button>
-          )}
+          {type === "dateRange" && (selectedFilters.startDate || selectedFilters.endDate) && (
+              <button
+                className="clear-button"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  setSelectedFilters((prev) => ({ ...prev, startDate: "", endDate: "" }));
+                }}
+              >
+                Clear
+              </button>
+            )}
+          {type !== "dateRange" &&
+            selectedFilters[type] &&
+            selectedFilters[type].length > 0 && (
+              <button
+                className="clear-button"
+                onClick={(e) => {
+                  e.stopPropagation();
+                  setSelectedFilters((prev) => ({ ...prev, [type]: [] }));
+                }}
+              >
+                Clear
+              </button>
+            )}
         </div>
       </div>
       {!collapsedFilters[type] && (
         <div className="dropdown-content">
-          {type === 'dateRange' ? (
-            <div className="date-range-inputs">
-              <label>
-                From:
-                <input
-                  type="date"
-                  value={selectedFilters.startDate}
-                  onChange={(e) => handleDateChange("startDate", e.target.value)}
-                  className="date-input"
-                />
-              </label>
-              <label>
-                To:
-                <input
-                  type="date"
-                  value={selectedFilters.endDate}
-                  onChange={(e) => handleDateChange("endDate", e.target.value)}
-                  className="date-input"
-                />
-              </label>
-            </div>
+          {type === "dateRange" ? (
+            // The DateRangePicker will be rendered outside this function, at the end of the filter panel
+            null 
           ) : (
             items.map((item) => {
               const itemId = item[0];
               const itemName = item[1];
-              const isChecked = selectedFilters[type].some(selectedItem => selectedItem[0] === itemId);
+              const isChecked = selectedFilters[type].some(
+                (selectedItem) => selectedItem[0] === itemId
+              );
 
               return (
                 <label key={itemId}>
@@ -328,8 +344,7 @@ const ImageGallery = () => {
           ) : Object.entries(imagesByActivityUser).length > 0 ? (
             Object.entries(imagesByActivityUser).map(([key, imgs]) => {
               const [activity, userName, workArea] = key.split("__");
-              const { buildingName, floorName, uploadedAt, workCategoryName } =
-                imgs[0];
+              const { buildingName, floorName, uploadedAt, workCategoryName } = imgs[0];
               const date = moment(uploadedAt).format("YYYY-MM-DD");
               const time = moment(uploadedAt).format("hh:mm A");
 
@@ -381,18 +396,16 @@ const ImageGallery = () => {
                       ref={(el) => (imageGroupRefs.current[key] = el)}
                     >
                       {imgs.map((img, idx) => {
-                        const hoverDate = moment(img.uploadedAt).format(
-                          "YYYY-MM-DD"
-                        );
-                        const hoverTime = moment(img.uploadedAt).format(
-                          "hh:mm A"
-                        );
+                        const hoverDate = moment(img.uploadedAt).format("YYYY-MM-DD");
+                        const hoverTime = moment(img.uploadedAt).format("hh:mm A");
 
                         return (
                           <div
                             key={img.imageUrl}
                             className="image-card"
-                            onClick={() => openModal(<ImagePop images={imgs} initialIndex={idx} />)}
+                            onClick={() =>
+                              openModal(<ImagePop images={imgs} initialIndex={idx} />)
+                            }
                             onMouseEnter={() => setHoveredImage(img)}
                             onMouseLeave={() => setHoveredImage(null)}
                           >
@@ -408,8 +421,7 @@ const ImageGallery = () => {
                                   <strong>Time:</strong> {hoverTime}
                                 </p>
                                 <p>
-                                  <strong>Activity:</strong>{" "}
-                                  {img.activityName}
+                                  <strong>Activity:</strong> {img.activityName}
                                 </p>
                               </div>
                             )}
@@ -450,13 +462,42 @@ const ImageGallery = () => {
           )}
         </button>
         <div className={`filter-panel ${isFilterPanelOpen ? "open" : ""}`} ref={filterPanelRef}>
-          {renderFilterCategory("Date Range", [], "dateRange")}
+           <div className={`dropdown ${collapsedFilters.dateRange ? 'collapsed' : ''}`}>
+            <div className="dropdown-header" onClick={() => toggleCollapse('dateRange')}>
+              <strong>Date Range</strong>
+              {(selectedFilters.startDate || selectedFilters.endDate) && (
+                <button
+                  className="clear-button"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    setSelectedFilters(prev => ({ ...prev, startDate: "", endDate: "" }));
+                  }}
+                >
+                  Clear
+                </button>
+              )}
+            </div>
+            {!collapsedFilters.dateRange && (
+              <div >
+                <DateRangePicker
+                  onRangeChange={setDateRange}
+                  defaultStartDate={selectedFilters.startDate || yesterday} // Use selected date or yesterday as default
+                  defaultEndDate={selectedFilters.endDate || moment().format('YYYY-MM-DD')} // Use selected date or today as default
+                  startDate={selectedFilters.startDate} // Pass current selected start date
+                  endDate={selectedFilters.endDate} // Pass current selected end date
+                />
+              </div>
+            )}
+          </div>
           {renderFilterCategory("Building", buildings, "building")}
           {renderFilterCategory("Floor", floors, "floor")}
           {renderFilterCategory("Work Area", workAreas, "workArea")}
           {renderFilterCategory("Activity", activities, "activity")}
           {renderFilterCategory("Uploaded By (User)", uploadedByUsers, "uploadedBy")}
           {renderFilterCategory("Work Category", workCategories, "workCategory")}
+          
+          {/* DateRangePicker at the end */}
+         
 
           <div className="filter-actions">
             <button className="btn btn-secondary btn-xs " onClick={handleClearAllFilters}>
diff --git a/src/pages/Gallary/ImageGallery.css b/src/pages/Gallary/ImageGallery.css
index 5fc79da0..ab6e9663 100644
--- a/src/pages/Gallary/ImageGallery.css
+++ b/src/pages/Gallary/ImageGallery.css
@@ -1,3 +1,4 @@
+/* ImageGallery.css */
 .gallery-container {
   display: grid;
   grid-template-columns: 1fr 50px;
@@ -66,7 +67,8 @@
   justify-content: center;
   align-items: center;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-  transition: background-color 0.2s ease, box-shadow 0.2s ease, width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out, padding 0.3s ease-in-out;
+  transition: background-color 0.2s ease, box-shadow 0.2s ease, width 0.3s ease-in-out,
+    height 0.3s ease-in-out, border-radius 0.3s ease-in-out, padding 0.3s ease-in-out;
   position: absolute;
   top: 0;
   right: 0;
@@ -76,7 +78,7 @@
 }
 
 .gallery-container.filter-panel-open .filter-button {
-  width: calc(100% - 16px);
+  width: calc(100% - 1px);
   height: auto;
   padding: 8px 12px;
   border-radius: 6px 6px 0 0;
@@ -114,21 +116,18 @@
   overflow-y: hidden;
   opacity: 0;
   transform: translateY(-10px);
-  transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, border-radius 0.3s ease-in-out;
+  transition: max-height 0.3s ease-out, opacity 0.3s ease-out,
+    transform 0.3s ease-out, border-radius 0.3s ease-in-out;
 }
 
 .filter-panel.open {
-  max-height: calc(100% - 40px);
+  max-height: calc(100% - 0px);
   opacity: 1;
   transform: translateY(0);
   overflow-y: auto;
-  /* padding-bottom: 8px; */
-  /* Adjust padding to accommodate the new buttons */
-  padding-bottom: -1px; /* Enough space for buttons + some padding */
+  padding-bottom: 0px; /* Adjusted padding-bottom */
 }
 
-
-
 .dropdown {
   transition: all 0.3s ease-in-out;
 }
@@ -139,8 +138,8 @@
   box-shadow: none;
   padding: 4px 10px;
   border-radius: 0 0 4px 4px;
-  max-height: 150px;
-  overflow-y: auto;
+  max-height: 150px; /* Default max-height for scrollable dropdowns */
+  overflow-y: auto; /* Default overflow for scrollable dropdowns */
   transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
 }
 
@@ -169,6 +168,17 @@
   background: #a7a7a7;
 }
 
+/* --- New styles for Date Range Picker dropdown --- */
+.dropdown strong:contains("Date Range") + .header-controls + .dropdown-content {
+  max-height: none; /* Remove max-height */
+  overflow-y: visible; /* Allow content to dictate height */
+}
+
+.dropdown strong:contains("Date Range") + .header-controls + .dropdown-content::-webkit-scrollbar {
+  display: none; /* Hide scrollbar for Webkit browsers */
+}
+/* --- End new styles --- */
+
 .dropdown-content label {
   display: flex;
   align-items: center;
@@ -208,7 +218,7 @@
 }
 
 .dropdown-content input[type="checkbox"]:checked::after {
-  content: '✔';
+  content: "✔";
   font-size: 10px;
   color: white;
   position: absolute;
@@ -499,47 +509,45 @@ hr {
   }
 }
 
-/* New styles for filter action buttons */
 .filter-actions {
   display: flex;
   justify-content: space-between;
-  margin-top: auto; /* Pushes buttons to the bottom */
+  margin-top: auto; 
   padding-top: 10px;
   border-top: 1px solid #e5e7eb;
   background-color: #fff;
   position: sticky;
   bottom: 0;
   z-index: 10;
-  padding-bottom: 0px;
+  padding-bottom: 5px;
 }
 
-.apply-filters-button,
-.clear-all-button {
+.btn {
   padding: 8px 15px;
   border-radius: 5px;
   font-size: 13px;
   cursor: pointer;
   transition: background-color 0.2s ease, box-shadow 0.2s ease;
-  flex: 1; /* Make buttons take equal width */
-  margin: 0 4px; /* Add some spacing between them */
+  flex: 1;
+  margin: 0 4px;
 }
 
-.apply-filters-button {
-  /* background-color: #6366f1;
-  color: white; */
+.btn-primary {
+  background-color: #6366f1;
+  color: white;
   border: none;
 }
 
-.apply-filters-button:hover {
+.btn-primary:hover {
   background-color: #4f46e5;
-  /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
 }
 
-.clear-all-button {
+.btn-secondary {
   border: 1px solid #cbd5e1;
+  background-color: #fff;
+  color: #333;
 }
 
-.clear-all-button:hover {
+.btn-secondary:hover {
   background-color: #e2e8f0;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-}
+}
\ No newline at end of file
diff --git a/src/pages/Gallary/ImageGalleryAPI.jsx b/src/pages/Gallary/ImageGalleryAPI.jsx
index df18611d..13e6a56a 100644
--- a/src/pages/Gallary/ImageGalleryAPI.jsx
+++ b/src/pages/Gallary/ImageGalleryAPI.jsx
@@ -4,7 +4,6 @@ export const ImageGalleryAPI = {
 
     ImagesGet: (projectId, filter) => {
         const payloadJsonString = JSON.stringify(filter);
-        console.log("Applying filters with payload JSON string:", payloadJsonString);
         return api.get(`/api/image/images/${projectId}?filter=${payloadJsonString}`)
     },
 }
\ No newline at end of file

From a6169c106f3c684e5c9de5ff013cccfa9fe08711 Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Fri, 4 Jul 2025 11:31:35 +0530
Subject: [PATCH 07/12] Changes in Filter drower increase its size.

---
 src/pages/Gallary/ImageGallary.jsx | 25 ++++++++---------
 src/pages/Gallary/ImageGallery.css | 44 +++++++++++++++++++++++-------
 2 files changed, 45 insertions(+), 24 deletions(-)

diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index da51b496..1c04c8d6 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -301,6 +301,10 @@ const ImageGallery = () => {
                 Clear
               </button>
             )}
+            {/* Add the collapse/expand icon */}
+            <span className="collapse-icon">
+                {collapsedFilters[type] ? '+' : '-'}
+            </span>
         </div>
       </div>
       {!collapsedFilters[type] && (
@@ -462,23 +466,16 @@ const ImageGallery = () => {
           )}
         </button>
         <div className={`filter-panel ${isFilterPanelOpen ? "open" : ""}`} ref={filterPanelRef}>
-           <div className={`dropdown ${collapsedFilters.dateRange ? 'collapsed' : ''}`}>
+            <div className={`dropdown ${collapsedFilters.dateRange ? 'collapsed' : ''}`}>
             <div className="dropdown-header" onClick={() => toggleCollapse('dateRange')}>
               <strong>Date Range</strong>
-              {(selectedFilters.startDate || selectedFilters.endDate) && (
-                <button
-                  className="clear-button"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setSelectedFilters(prev => ({ ...prev, startDate: "", endDate: "" }));
-                  }}
-                >
-                  Clear
-                </button>
-              )}
+              
+                <span className="collapse-icon">
+                    {collapsedFilters.dateRange ? '+' : '-'}
+                </span>
             </div>
             {!collapsedFilters.dateRange && (
-              <div >
+              <div className="datepicker" >
                 <DateRangePicker
                   onRangeChange={setDateRange}
                   defaultStartDate={selectedFilters.startDate || yesterday} // Use selected date or yesterday as default
@@ -497,7 +494,7 @@ const ImageGallery = () => {
           {renderFilterCategory("Work Category", workCategories, "workCategory")}
           
           {/* DateRangePicker at the end */}
-         
+          
 
           <div className="filter-actions">
             <button className="btn btn-secondary btn-xs " onClick={handleClearAllFilters}>
diff --git a/src/pages/Gallary/ImageGallery.css b/src/pages/Gallary/ImageGallery.css
index ab6e9663..9e9e64fa 100644
--- a/src/pages/Gallary/ImageGallery.css
+++ b/src/pages/Gallary/ImageGallery.css
@@ -12,7 +12,7 @@
 }
 
 .gallery-container.filter-panel-open {
-  grid-template-columns: 1fr 250px;
+  grid-template-columns: 1fr 350px;
 }
 
 .main-content {
@@ -125,7 +125,8 @@
   opacity: 1;
   transform: translateY(0);
   overflow-y: auto;
-  padding-bottom: 0px; /* Adjusted padding-bottom */
+  padding-bottom: 0px;
+  /* Adjusted padding-bottom */
 }
 
 .dropdown {
@@ -138,8 +139,10 @@
   box-shadow: none;
   padding: 4px 10px;
   border-radius: 0 0 4px 4px;
-  max-height: 150px; /* Default max-height for scrollable dropdowns */
-  overflow-y: auto; /* Default overflow for scrollable dropdowns */
+  max-height: 150px;
+  /* Default max-height for scrollable dropdowns */
+  overflow-y: auto;
+  /* Default overflow for scrollable dropdowns */
   transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
 }
 
@@ -170,13 +173,17 @@
 
 /* --- New styles for Date Range Picker dropdown --- */
 .dropdown strong:contains("Date Range") + .header-controls + .dropdown-content {
-  max-height: none; /* Remove max-height */
-  overflow-y: visible; /* Allow content to dictate height */
+  max-height: none;
+  /* Remove max-height */
+  overflow-y: visible;
+  /* Allow content to dictate height */
 }
 
 .dropdown strong:contains("Date Range") + .header-controls + .dropdown-content::-webkit-scrollbar {
-  display: none; /* Hide scrollbar for Webkit browsers */
+  display: none;
+  /* Hide scrollbar for Webkit browsers */
 }
+
 /* --- End new styles --- */
 
 .dropdown-content label {
@@ -270,6 +277,19 @@
   gap: 8px;
 }
 
+/* New style for the collapse icon */
+.collapse-icon {
+  font-size: 16px; /* Adjust size as needed */
+  color: #6366f1;
+  margin-left: 8px; /* Space between clear button and icon */
+  transition: transform 0.2s ease;
+}
+
+.dropdown.collapsed .collapse-icon {
+  transform: rotate(0deg); /* No rotation for collapsed */
+}
+
+/* Original toggle-icon styles (if they still exist and are needed) */
 .toggle-icon {
   font-size: 10px;
   color: #6366f1;
@@ -504,6 +524,7 @@ hr {
   0% {
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }
@@ -512,10 +533,8 @@ hr {
 .filter-actions {
   display: flex;
   justify-content: space-between;
-  margin-top: auto; 
+  margin-top: auto;
   padding-top: 10px;
-  border-top: 1px solid #e5e7eb;
-  background-color: #fff;
   position: sticky;
   bottom: 0;
   z-index: 10;
@@ -550,4 +569,9 @@ hr {
 
 .btn-secondary:hover {
   background-color: #e2e8f0;
+}
+
+.datepicker {
+  margin-right: 135px;
+  margin-top: 6px;
 }
\ No newline at end of file

From 115740c4dc7e2d99c217832ce54a4746a874af28 Mon Sep 17 00:00:00 2001
From: Vikas Nale <vikas@marcoaiot.com>
Date: Fri, 4 Jul 2025 13:24:47 +0530
Subject: [PATCH 08/12] modify change password UI

---
 src/pages/authentication/ChangePassword.jsx | 164 +++++++++-----------
 1 file changed, 73 insertions(+), 91 deletions(-)

diff --git a/src/pages/authentication/ChangePassword.jsx b/src/pages/authentication/ChangePassword.jsx
index 753340e4..3bc43dbc 100644
--- a/src/pages/authentication/ChangePassword.jsx
+++ b/src/pages/authentication/ChangePassword.jsx
@@ -72,23 +72,20 @@ const ChangePasswordPage = ({ onClose }) => {
       role="dialog"
       style={{ display: "flex", backgroundColor: "rgba(0,0,0,0.5)" }}
     >
-      <div
-        className="modal-dialog"
-        role="document"
-        style={{
-          maxWidth: "600px",
-          width: "100%",
-        }}
-      >
-        <div className="modal-content p-4 rounded shadow bg-white position-relative">
-          {/* Close Button */}
+      <div className="modal-dialog" role="document">
+        <div className="modal-header">
+          {" "}
           <button
             type="button"
             className="btn-close position-absolute"
-            style={{ top: "30px", right: "25px" }}
+            style={{ top: "40px", right: "15px" }}
             aria-label="Close"
             onClick={onClose}
           ></button>
+        </div>
+
+        <div className="modal-content p-10 rounded shadow bg-white position-relative">
+          {/* Close Button */}
 
           <h5 className="mb-2">Change Password</h5>
           <p className="mb-4" style={{ fontSize: "14px" }}>
@@ -97,7 +94,7 @@ const ChangePasswordPage = ({ onClose }) => {
 
           <form onSubmit={handleSubmit(onChangePassword)}>
             {/* Old Password */}
-            <div className="mb-3">
+            <div className="mb-3 text-start">
               <label className="form-label">Old Password</label>
               <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
                 <input
@@ -123,75 +120,75 @@ const ChangePasswordPage = ({ onClose }) => {
               )}
             </div>
 
-            <div className="row">
-              <div className="mb-3 col-md-6">
-                <label className="form-label">New Password</label>
-                <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
-                  <input
-                    type={hideNewPass ? "password" : "text"}
-                    className="form-control form-control-sm border-0 shadow-none"
-                    {...register("newPassword")}
-                    placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
-                    style={{ flex: 1 }}
-                  />
-                  <button
-                    type="button"
-                    className="btn btn-link p-0 ms-2"
-                    style={{ fontSize: "18px", color: "#6c757d" }}
-                    onClick={() => setHideNewPass(!hideNewPass)}
-                  >
-                    <i
-                      className={`bx ${hideNewPass ? "bx-hide" : "bx-show"}`}
-                    />
-                  </button>
-                </div>
-                {errors.newPassword && (
-                  <div
-                    className="danger-text text-start"
-                    style={{ fontSize: "12px" }}
-                  >
-                    {errors.newPassword.message}
-                  </div>
-                )}
+            {/* <div className="row"> */}
+            <div className="mb-3 text-start">
+              <label className="form-label">New Password</label>
+              <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
+                <input
+                  type={hideNewPass ? "password" : "text"}
+                  className="form-control form-control-sm border-0 shadow-none"
+                  {...register("newPassword")}
+                  placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
+                  style={{ flex: 1 }}
+                />
+                <button
+                  type="button"
+                  className="btn btn-link p-0 ms-2"
+                  style={{ fontSize: "18px", color: "#6c757d" }}
+                  onClick={() => setHideNewPass(!hideNewPass)}
+                >
+                  <i className={`bx ${hideNewPass ? "bx-hide" : "bx-show"}`} />
+                </button>
               </div>
-
-              {/* Confirm Password */}
-              <div className="mb-3 col-md-6">
-                <label className="form-label">Confirm New Password</label>
-                <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
-                  <input
-                    type={hideConfirmPass ? "password" : "text"}
-                    className="form-control form-control-sm border-0 shadow-none"
-                    {...register("confirmPassword")}
-                    placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
-                    style={{ flex: 1 }}
-                  />
-                  <button
-                    type="button"
-                    className="btn btn-link p-0 ms-2"
-                    style={{ fontSize: "18px", color: "#6c757d" }}
-                    onClick={() => setHideConfirmPass(!hideConfirmPass)}
-                  >
-                    <i
-                      className={`bx ${
-                        hideConfirmPass ? "bx-hide" : "bx-show"
-                      }`}
-                    />
-                  </button>
+              {errors.newPassword && (
+                <div
+                  className="danger-text text-start"
+                  style={{ fontSize: "12px" }}
+                >
+                  {errors.newPassword.message}
                 </div>
-                {errors.confirmPassword && (
-                  <div
-                    className="danger-text text-start"
-                    style={{ fontSize: "12px" }}
-                  >
-                    {errors.confirmPassword.message}
-                  </div>
-                )}
-              </div>
+              )}
             </div>
 
+            {/* Confirm Password */}
+            <div className="mb-3 text-start">
+              <label className="form-label">Confirm New Password</label>
+              <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
+                <input
+                  type={hideConfirmPass ? "password" : "text"}
+                  className="form-control form-control-sm border-0 shadow-none"
+                  {...register("confirmPassword")}
+                  placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
+                  style={{ flex: 1 }}
+                />
+                <button
+                  type="button"
+                  className="btn btn-link p-0 ms-2"
+                  style={{ fontSize: "18px", color: "#6c757d" }}
+                  onClick={() => setHideConfirmPass(!hideConfirmPass)}
+                >
+                  <i
+                    className={`bx ${hideConfirmPass ? "bx-hide" : "bx-show"}`}
+                  />
+                </button>
+              </div>
+              {errors.confirmPassword && (
+                <div
+                  className="danger-text text-start"
+                  style={{ fontSize: "12px" }}
+                >
+                  {errors.confirmPassword.message}
+                </div>
+              )}
+            </div>
+            {/* </div> */}
+            <div className="d-flex justify-content-center  pt-2">
+              Your password must have at least 8 characters and include a lower
+              case latter, an uppercase letter, a number, and a special
+              character.
+            </div>
             {/* Action Buttons */}
-            <div className="d-flex justify-content-end  pt-2">
+            <div className="d-flex justify-content-center  pt-2">
               <button
                 type="submit"
                 className="btn btn-primary btn-sm me-2"
@@ -208,21 +205,6 @@ const ChangePasswordPage = ({ onClose }) => {
                 Cancel
               </button>
             </div>
-            <div className="mb-3 text-start ">
-              <p className="p-0 m-0">Password must be:</p>
-              <p className="p-0 m-0">- at least 8 characters long</p>
-              <p className="p-0 m-0">
-                - must contain one uppercase, one lowercase letter, at least one
-                number, at least one special character
-              </p>
-              {/* <p className="p-0 m-0">
-                - must contain at least one lowercase letter
-              </p>
-              <p className="p-0 m-0">- must contain at least one number</p>
-              <p className="p-0 m-0">
-                - must contain at least one special character
-              </p> */}
-            </div>
           </form>
         </div>
       </div>

From 8f9f0091eae723a90eb71208c853e1bb3ddb7718 Mon Sep 17 00:00:00 2001
From: Vikas Nale <vikas@marcoaiot.com>
Date: Fri, 4 Jul 2025 13:24:47 +0530
Subject: [PATCH 09/12] modify change password UI

---
 src/pages/authentication/ChangePassword.jsx | 169 +++++++++-----------
 1 file changed, 75 insertions(+), 94 deletions(-)

diff --git a/src/pages/authentication/ChangePassword.jsx b/src/pages/authentication/ChangePassword.jsx
index 753340e4..5191d6c3 100644
--- a/src/pages/authentication/ChangePassword.jsx
+++ b/src/pages/authentication/ChangePassword.jsx
@@ -52,7 +52,6 @@ const ChangePasswordPage = ({ onClose }) => {
         oldPassword: data.oldPassword,
         newPassword: data.newPassword,
       };
-      console.log(formData);
       setLoading(true);
       await AuthRepository.changepassword(formData);
       showToast("Your Password changed Successfully", "success");
@@ -72,23 +71,20 @@ const ChangePasswordPage = ({ onClose }) => {
       role="dialog"
       style={{ display: "flex", backgroundColor: "rgba(0,0,0,0.5)" }}
     >
-      <div
-        className="modal-dialog"
-        role="document"
-        style={{
-          maxWidth: "600px",
-          width: "100%",
-        }}
-      >
-        <div className="modal-content p-4 rounded shadow bg-white position-relative">
-          {/* Close Button */}
+      <div className="modal-dialog" role="document">
+        <div className="modal-header">
+          {" "}
           <button
             type="button"
-            className="btn-close position-absolute"
-            style={{ top: "30px", right: "25px" }}
+            class="btn-close"
+            data-bs-dismiss="modal"
+            style={{ top: "40px", right: "15px" }}
             aria-label="Close"
-            onClick={onClose}
           ></button>
+        </div>
+
+        <div className="modal-content p-10 rounded shadow bg-white position-relative">
+          {/* Close Button */}
 
           <h5 className="mb-2">Change Password</h5>
           <p className="mb-4" style={{ fontSize: "14px" }}>
@@ -97,7 +93,7 @@ const ChangePasswordPage = ({ onClose }) => {
 
           <form onSubmit={handleSubmit(onChangePassword)}>
             {/* Old Password */}
-            <div className="mb-3">
+            <div className="mb-3 text-start">
               <label className="form-label">Old Password</label>
               <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
                 <input
@@ -123,75 +119,75 @@ const ChangePasswordPage = ({ onClose }) => {
               )}
             </div>
 
-            <div className="row">
-              <div className="mb-3 col-md-6">
-                <label className="form-label">New Password</label>
-                <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
-                  <input
-                    type={hideNewPass ? "password" : "text"}
-                    className="form-control form-control-sm border-0 shadow-none"
-                    {...register("newPassword")}
-                    placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
-                    style={{ flex: 1 }}
-                  />
-                  <button
-                    type="button"
-                    className="btn btn-link p-0 ms-2"
-                    style={{ fontSize: "18px", color: "#6c757d" }}
-                    onClick={() => setHideNewPass(!hideNewPass)}
-                  >
-                    <i
-                      className={`bx ${hideNewPass ? "bx-hide" : "bx-show"}`}
-                    />
-                  </button>
-                </div>
-                {errors.newPassword && (
-                  <div
-                    className="danger-text text-start"
-                    style={{ fontSize: "12px" }}
-                  >
-                    {errors.newPassword.message}
-                  </div>
-                )}
+            {/* <div className="row"> */}
+            <div className="mb-3 text-start">
+              <label className="form-label">New Password</label>
+              <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
+                <input
+                  type={hideNewPass ? "password" : "text"}
+                  className="form-control form-control-sm border-0 shadow-none"
+                  {...register("newPassword")}
+                  placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
+                  style={{ flex: 1 }}
+                />
+                <button
+                  type="button"
+                  className="btn btn-link p-0 ms-2"
+                  style={{ fontSize: "18px", color: "#6c757d" }}
+                  onClick={() => setHideNewPass(!hideNewPass)}
+                >
+                  <i className={`bx ${hideNewPass ? "bx-hide" : "bx-show"}`} />
+                </button>
               </div>
-
-              {/* Confirm Password */}
-              <div className="mb-3 col-md-6">
-                <label className="form-label">Confirm New Password</label>
-                <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
-                  <input
-                    type={hideConfirmPass ? "password" : "text"}
-                    className="form-control form-control-sm border-0 shadow-none"
-                    {...register("confirmPassword")}
-                    placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
-                    style={{ flex: 1 }}
-                  />
-                  <button
-                    type="button"
-                    className="btn btn-link p-0 ms-2"
-                    style={{ fontSize: "18px", color: "#6c757d" }}
-                    onClick={() => setHideConfirmPass(!hideConfirmPass)}
-                  >
-                    <i
-                      className={`bx ${
-                        hideConfirmPass ? "bx-hide" : "bx-show"
-                      }`}
-                    />
-                  </button>
+              {errors.newPassword && (
+                <div
+                  className="danger-text text-start"
+                  style={{ fontSize: "12px" }}
+                >
+                  {errors.newPassword.message}
                 </div>
-                {errors.confirmPassword && (
-                  <div
-                    className="danger-text text-start"
-                    style={{ fontSize: "12px" }}
-                  >
-                    {errors.confirmPassword.message}
-                  </div>
-                )}
-              </div>
+              )}
             </div>
 
+            {/* Confirm Password */}
+            <div className="mb-3 text-start">
+              <label className="form-label">Confirm New Password</label>
+              <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
+                <input
+                  type={hideConfirmPass ? "password" : "text"}
+                  className="form-control form-control-sm border-0 shadow-none"
+                  {...register("confirmPassword")}
+                  placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
+                  style={{ flex: 1 }}
+                />
+                <button
+                  type="button"
+                  className="btn btn-link p-0 ms-2"
+                  style={{ fontSize: "18px", color: "#6c757d" }}
+                  onClick={() => setHideConfirmPass(!hideConfirmPass)}
+                >
+                  <i
+                    className={`bx ${hideConfirmPass ? "bx-hide" : "bx-show"}`}
+                  />
+                </button>
+              </div>
+              {errors.confirmPassword && (
+                <div
+                  className="danger-text text-start"
+                  style={{ fontSize: "12px" }}
+                >
+                  {errors.confirmPassword.message}
+                </div>
+              )}
+            </div>
+            {/* </div> */}
+            <div className="d-flex justify-content-center  pt-2">
+              Your password must have at least 8 characters and include a lower
+              case latter, an uppercase letter, a number, and a special
+              character.
+            </div>
             {/* Action Buttons */}
-            <div className="d-flex justify-content-end  pt-2">
+            <div className="d-flex justify-content-center  pt-2">
               <button
                 type="submit"
                 className="btn btn-primary btn-sm me-2"
@@ -208,21 +204,6 @@ const ChangePasswordPage = ({ onClose }) => {
                 Cancel
               </button>
             </div>
-            <div className="mb-3 text-start ">
-              <p className="p-0 m-0">Password must be:</p>
-              <p className="p-0 m-0">- at least 8 characters long</p>
-              <p className="p-0 m-0">
-                - must contain one uppercase, one lowercase letter, at least one
-                number, at least one special character
-              </p>
-              {/* <p className="p-0 m-0">
-                - must contain at least one lowercase letter
-              </p>
-              <p className="p-0 m-0">- must contain at least one number</p>
-              <p className="p-0 m-0">
-                - must contain at least one special character
-              </p> */}
-            </div>
           </form>
         </div>
       </div>

From 87a7b499483b831777ba1529c3ebcb97de4430de Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Fri, 4 Jul 2025 15:21:18 +0530
Subject: [PATCH 10/12] Changes in Image Gallery creating changing the filter
 icon adding box at the time of Work Category.

---
 .../Directory/NoteCardDirectoryEditable.jsx   |  2 +-
 src/data/menuData.json                        | 12 +--
 src/pages/Directory/DirectoryPageHeader.jsx   |  2 +-
 src/pages/Gallary/ImageGallary.jsx            | 73 +++++++++----------
 src/pages/Gallary/ImageGallery.css            | 55 +++-----------
 src/router/AppRoutes.jsx                      |  2 +-
 6 files changed, 57 insertions(+), 89 deletions(-)

diff --git a/src/components/Directory/NoteCardDirectoryEditable.jsx b/src/components/Directory/NoteCardDirectoryEditable.jsx
index 7759e62a..de91ad69 100644
--- a/src/components/Directory/NoteCardDirectoryEditable.jsx
+++ b/src/components/Directory/NoteCardDirectoryEditable.jsx
@@ -184,7 +184,7 @@ const NoteCardDirectoryEditable = ({
               <i className="bx bx-loader-alt bx-spin text-primary"></i>
             ) : (
               <i
-                className="bx bx-recycle me-2 text-success cursor-pointer"
+                className="bx bx-recycle me-2 text-primary cursor-pointer"
                 onClick={handleRestore}
                 title="Restore"
               ></i>
diff --git a/src/data/menuData.json b/src/data/menuData.json
index 0802133b..cadf34bf 100644
--- a/src/data/menuData.json
+++ b/src/data/menuData.json
@@ -46,11 +46,7 @@
                         "available": true,
                         "link": "/activities/reports"
                     },
-                    {
-                        "text": "Image Gallary",
-                        "available": true,
-                        "link": "/activities/gallary"
-                    },
+                   
                     {
                         "text": "Daily Expenses",
                         "available": true,
@@ -63,6 +59,12 @@
                 "icon": "bx bx-group",
                 "available": true,
                 "link": "/directory"
+            },
+             {
+                "text": "Image Gallary",
+                "icon": "bx bx-images",
+                "available": true,
+                "link": "/gallary"
             },
             {
                 "text": "Administration",
diff --git a/src/pages/Directory/DirectoryPageHeader.jsx b/src/pages/Directory/DirectoryPageHeader.jsx
index 6a3ae418..4efc043e 100644
--- a/src/pages/Directory/DirectoryPageHeader.jsx
+++ b/src/pages/Directory/DirectoryPageHeader.jsx
@@ -278,7 +278,7 @@ const DirectoryPageHeader = ({
             </div>
             <hr className="my-0 mb-2" style={{ borderTop: "1px solid #dee2e6" }} />
 
-            <div className="row mx-0 px-0 align-items-center mt-0">
+            <div className="row mx-0 px-0 align-items-center mt-2">
                 <div className="col-12 col-md-6 mb-2 px-5 d-flex align-items-center gap-4">
 
                     <input
diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index 1c04c8d6..bfa30e79 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -219,8 +219,6 @@ const ImageGallery = () => {
       endDate: null,
     };
     setAppliedFilters(initialStateApplied);
-
-    setIsFilterPanelOpen(false);
   }, []);
 
   const filteredImages = images.filter((img) => {
@@ -278,16 +276,16 @@ const ImageGallery = () => {
         <strong>{label}</strong>
         <div className="header-controls">
           {type === "dateRange" && (selectedFilters.startDate || selectedFilters.endDate) && (
-              <button
-                className="clear-button"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setSelectedFilters((prev) => ({ ...prev, startDate: "", endDate: "" }));
-                }}
-              >
-                Clear
-              </button>
-            )}
+            <button
+              className="clear-button"
+              onClick={(e) => {
+                e.stopPropagation();
+                setSelectedFilters((prev) => ({ ...prev, startDate: "", endDate: "" }));
+              }}
+            >
+              Clear
+            </button>
+          )}
           {type !== "dateRange" &&
             selectedFilters[type] &&
             selectedFilters[type].length > 0 && (
@@ -301,17 +299,15 @@ const ImageGallery = () => {
                 Clear
               </button>
             )}
-            {/* Add the collapse/expand icon */}
-            <span className="collapse-icon">
-                {collapsedFilters[type] ? '+' : '-'}
-            </span>
+          <span className="collapse-icon">
+            {collapsedFilters[type] ? '+' : '-'}
+          </span>
         </div>
       </div>
       {!collapsedFilters[type] && (
         <div className="dropdown-content">
           {type === "dateRange" ? (
-            // The DateRangePicker will be rendered outside this function, at the end of the filter panel
-            null 
+            null
           ) : (
             items.map((item) => {
               const itemId = item[0];
@@ -377,12 +373,14 @@ const ImageGallery = () => {
 
                     <div className="location-line">
                       <div>
-                        {buildingName} &gt; {floorName} &gt; {workArea} &gt;{" "}
-                        {activity}
+                        {buildingName} &gt; {floorName} &gt; <strong> {workArea} &gt;{" "}
+                        {activity}</strong>
                       </div>
                       {workCategoryName && (
                         <div className="work-category-display ms-2">
-                          {workCategoryName}
+                          <span className="badge bg-label-primary rounded-pill d-flex align-items-center gap-1">
+                            {workCategoryName}
+                          </span>
                         </div>
                       )}
                     </div>
@@ -453,35 +451,37 @@ const ImageGallery = () => {
 
       <div className="filter-drawer-wrapper">
         <button
-          className={`filter-button ${isFilterPanelOpen ? "" : "closed-icon"}`}
+          className={`filter-button btn-primary ${isFilterPanelOpen ? "" : "closed-icon"}`}
           onClick={() => setIsFilterPanelOpen(!isFilterPanelOpen)}
           ref={filterButtonRef}
         >
           {isFilterPanelOpen ? (
             <>
-              Filter <span>&#10006;</span>
+              Filter <span className="ms-1">&#10006;</span> {/* Added ms-1 for spacing */}
             </>
           ) : (
-            <span>&#9660;</span>
+            <>
+              <i className="fa-solid fa-filter ms-1 fs-5"></i>
+            </>
           )}
         </button>
         <div className={`filter-panel ${isFilterPanelOpen ? "open" : ""}`} ref={filterPanelRef}>
-            <div className={`dropdown ${collapsedFilters.dateRange ? 'collapsed' : ''}`}>
+          <div className={`dropdown ${collapsedFilters.dateRange ? 'collapsed' : ''}`}>
             <div className="dropdown-header" onClick={() => toggleCollapse('dateRange')}>
               <strong>Date Range</strong>
-              
-                <span className="collapse-icon">
-                    {collapsedFilters.dateRange ? '+' : '-'}
-                </span>
+
+              <span className="collapse-icon">
+                {collapsedFilters.dateRange ? '+' : '-'}
+              </span>
             </div>
             {!collapsedFilters.dateRange && (
               <div className="datepicker" >
                 <DateRangePicker
                   onRangeChange={setDateRange}
-                  defaultStartDate={selectedFilters.startDate || yesterday} // Use selected date or yesterday as default
-                  defaultEndDate={selectedFilters.endDate || moment().format('YYYY-MM-DD')} // Use selected date or today as default
-                  startDate={selectedFilters.startDate} // Pass current selected start date
-                  endDate={selectedFilters.endDate} // Pass current selected end date
+                  defaultStartDate={selectedFilters.startDate || yesterday}
+                  defaultEndDate={selectedFilters.endDate || moment().format('YYYY-MM-DD')}
+                  startDate={selectedFilters.startDate}
+                  endDate={selectedFilters.endDate}
                 />
               </div>
             )}
@@ -492,15 +492,12 @@ const ImageGallery = () => {
           {renderFilterCategory("Activity", activities, "activity")}
           {renderFilterCategory("Uploaded By (User)", uploadedByUsers, "uploadedBy")}
           {renderFilterCategory("Work Category", workCategories, "workCategory")}
-          
-          {/* DateRangePicker at the end */}
-          
 
           <div className="filter-actions">
-            <button className="btn btn-secondary btn-xs " onClick={handleClearAllFilters}>
+            <button className="btn btn-secondary btn-xs" onClick={handleClearAllFilters}>
               Clear All
             </button>
-            <button className="btn btn-primary btn-xs " onClick={handleApplyFilters}>
+            <button className="btn btn-primary btn-xs" onClick={handleApplyFilters}>
               Apply Filters
             </button>
           </div>
diff --git a/src/pages/Gallary/ImageGallery.css b/src/pages/Gallary/ImageGallery.css
index 9e9e64fa..377fe531 100644
--- a/src/pages/Gallary/ImageGallery.css
+++ b/src/pages/Gallary/ImageGallery.css
@@ -55,7 +55,6 @@
 }
 
 .filter-button {
-  background-color: #6366f1;
   color: white;
   padding: 8px 12px;
   font-size: 14px;
@@ -368,7 +367,6 @@
 }
 
 .location-line {
-  font-weight: 600;
   font-size: 12px;
   color: #555;
   text-align: right;
@@ -455,14 +453,14 @@
   position: relative;
 }
 
-hr {
-  display: none;
-}
-
 .image-card:hover {
   transform: translateY(-2px) scale(1.03);
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
 }
+hr {
+  display: none;
+}
+
 
 .image-wrapper img {
   width: 100%;
@@ -532,43 +530,14 @@ hr {
 
 .filter-actions {
   display: flex;
-  justify-content: space-between;
-  margin-top: auto;
-  padding-top: 10px;
-  position: sticky;
-  bottom: 0;
-  z-index: 10;
-  padding-bottom: 5px;
-}
-
-.btn {
-  padding: 8px 15px;
-  border-radius: 5px;
-  font-size: 13px;
-  cursor: pointer;
-  transition: background-color 0.2s ease, box-shadow 0.2s ease;
-  flex: 1;
-  margin: 0 4px;
-}
-
-.btn-primary {
-  background-color: #6366f1;
-  color: white;
-  border: none;
-}
-
-.btn-primary:hover {
-  background-color: #4f46e5;
-}
-
-.btn-secondary {
-  border: 1px solid #cbd5e1;
-  background-color: #fff;
-  color: #333;
-}
-
-.btn-secondary:hover {
-  background-color: #e2e8f0;
+    justify-content: end;
+    margin-top: auto;
+    padding-top: 10px;
+    position: sticky;
+    bottom: 0;
+    z-index: 10;
+    padding-bottom: 5px;
+    gap: 8px;
 }
 
 .datepicker {
diff --git a/src/router/AppRoutes.jsx b/src/router/AppRoutes.jsx
index eac7d762..7c364ca9 100644
--- a/src/router/AppRoutes.jsx
+++ b/src/router/AppRoutes.jsx
@@ -75,7 +75,7 @@ const router = createBrowserRouter(
             { path: "/activities/records/:projectId?", element: <DailyTask /> },
             { path: "/activities/task", element: <TaskPlannng /> },
             { path: "/activities/reports", element: <Reports /> },
-            { path: "/activities/gallary", element: <ImageGallary /> },
+            { path: "/gallary", element: <ImageGallary /> },
             { path: "/masters", element: <MasterPage /> },
             { path: "/help/support", element: <Support /> },
             { path: "/help/docs", element: <Documentation /> },

From 981a7b121e433630d17b0ac1ae3af0d2072b64cc Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Sat, 5 Jul 2025 11:45:13 +0530
Subject: [PATCH 11/12] Project Not Visible When Created with "In Progress"
 Status Selected from Filter

---
 src/components/Project/ManageProjectInfo.jsx | 68 ++++++++++++++------
 1 file changed, 50 insertions(+), 18 deletions(-)

diff --git a/src/components/Project/ManageProjectInfo.jsx b/src/components/Project/ManageProjectInfo.jsx
index 4b5d6abf..cb4e1466 100644
--- a/src/components/Project/ManageProjectInfo.jsx
+++ b/src/components/Project/ManageProjectInfo.jsx
@@ -4,6 +4,18 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 
 // const currentDate = new Date().toISOString().split("T")[0];
+
+const ACTIVE_STATUS_ID = "b74da4c2-d07e-46f2-9919-e75e49b12731";
+
+const DEFAULT_EMPTY_STATUS_ID = "00000000-0000-0000-0000-000000000000";
+/**
+
+ * Formats a given date string into 'YYYY-MM-DD' format.
+ * If the date is invalid or not provided, it defaults to the current date.
+ * @param {string} date - The date string to format.
+ * @returns {string} The formatted date string.
+ */
+
 const currentDate = new Date().toLocaleDateString('en-CA');
 const formatDate = (date) => {
   if (!date) {
@@ -29,7 +41,7 @@ const ManageProjectInfo = ({ project, handleSubmitForm, onClose }) => {
       shortName: z.string().optional(),
       contactPerson: z
         .string()
-        .min( 1, {message: "Contact Person Name is required"} )
+        .min(1, { message: "Contact Person Name is required" })
         .regex(/^[A-Za-z\s]+$/, {
           message: "Contact Person must contain only letters",
         }),
@@ -53,7 +65,7 @@ const ManageProjectInfo = ({ project, handleSubmitForm, onClose }) => {
       (data) => {
         const start = new Date(data.startDate);
         const end = new Date(data.endDate);
-        return end > start;
+        return end >= start;
       },
       {
         path: ["endDate"], // attaches the error to the endDate field
@@ -78,7 +90,12 @@ const ManageProjectInfo = ({ project, handleSubmitForm, onClose }) => {
       projectAddress: project?.projectAddress || "",
       startDate: formatDate(project?.startDate) || currentDate,
       endDate: formatDate(project?.endDate) || currentDate,
-      projectStatusId: String(project?.projectStatusId || "00000000-0000-0000-0000-000000000000"),
+      // projectStatusId: String(project?.projectStatusId || "00000000-0000-0000-0000-000000000000"),
+      projectStatusId: project?.projectStatusId && project.projectStatusId !== DEFAULT_EMPTY_STATUS_ID
+
+        ? String(project.projectStatusId)
+
+        : ACTIVE_STATUS_ID,
     },
     mode: "onChange",
   });
@@ -88,24 +105,35 @@ const ManageProjectInfo = ({ project, handleSubmitForm, onClose }) => {
     reset(
       project
         ? {
-            id: project?.id || "",
-            name: project?.name || "",
-            shortName: project?.shortName || "",
-            contactPerson: project?.contactPerson || "",
-            projectAddress: project?.projectAddress || "",
-            startDate: formatDate(project?.startDate) || "",
-            endDate: formatDate(project?.endDate) || "",
-            projectStatusId: String(project.projectStatusId) || "00000000-0000-0000-0000-000000000000",
-          }
+          id: project?.id || "",
+          name: project?.name || "",
+          shortName: project?.shortName || "",
+          contactPerson: project?.contactPerson || "",
+          projectAddress: project?.projectAddress || "",
+          startDate: formatDate(project?.startDate) || "",
+          endDate: formatDate(project?.endDate) || "",
+          // projectStatusId: String(project.projectStatusId) || "00000000-0000-0000-0000-000000000000",
+          projectStatusId: project?.projectStatusId && project.projectStatusId !== DEFAULT_EMPTY_STATUS_ID
+            ? String(project.projectStatusId)
+            : ACTIVE_STATUS_ID,
+        }
         : {}
     );
     setAddressLength(project?.projectAddress?.length || 0);
   }, [project, reset]);
 
+  /**
+
+ * Handles the form submission.
+
+ * @param {object} updatedProject - The project data from the form.
+
+ */
+
   const onSubmitForm = (updatedProject) => {
     setLoading(true);
-    handleSubmitForm( updatedProject, setLoading,reset );
-  }; 	
+    handleSubmitForm(updatedProject, setLoading, reset);
+  };
 
   const handleCancel = () => {
     reset({
@@ -116,7 +144,10 @@ const ManageProjectInfo = ({ project, handleSubmitForm, onClose }) => {
       projectAddress: project?.projectAddress || "",
       startDate: formatDate(project?.startDate) || currentDate,
       endDate: formatDate(project?.endDate) || currentDate,
-      projectStatusId: String(project?.projectStatusId || "00000000-0000-0000-0000-000000000000"),
+      // projectStatusId: String(project?.projectStatusId || "00000000-0000-0000-0000-000000000000"),
+      projectStatusId: project?.projectStatusId && project.projectStatusId !== DEFAULT_EMPTY_STATUS_ID
+        ? String(project.projectStatusId)
+        : ACTIVE_STATUS_ID,
     });
     onClose();
   };
@@ -259,8 +290,9 @@ const ManageProjectInfo = ({ project, handleSubmitForm, onClose }) => {
                   valueAsNumber: false,
                 })}
               >
-                <option disabled>Status</option>
-                <option value="b74da4c2-d07e-46f2-9919-e75e49b12731">Active</option>
+                {/* <option disabled>Status</option>
+                <option value="b74da4c2-d07e-46f2-9919-e75e49b12731">Active</option> */}
+                <option value={ACTIVE_STATUS_ID}>Active</option>
                 <option value="603e994b-a27f-4e5d-a251-f3d69b0498ba">On Hold</option>
 
                 <option value="cdad86aa-8a56-4ff4-b633-9c629057dfef">In Progress</option>
@@ -326,4 +358,4 @@ const ManageProjectInfo = ({ project, handleSubmitForm, onClose }) => {
   );
 };
 
-export default ManageProjectInfo;
+export default ManageProjectInfo;
\ No newline at end of file

From 3be9f7aadb19530029737d2b4490c867b6cd1b11 Mon Sep 17 00:00:00 2001
From: Vikas Nale <vikas@marcoaiot.com>
Date: Sun, 6 Jul 2025 11:15:25 +0530
Subject: [PATCH 12/12] Change brand log and remove some demo css

---
 public/assets/css/default.css            |  76 +++-------------
 public/img/brand/marco.png               | Bin 10886 -> 43649 bytes
 public/img/brand/marco1.png              | Bin 0 -> 10886 bytes
 src/assets/css/default.css               |  95 --------------------
 src/components/Layout/LayoutMenu.tsx     |   6 +-
 src/components/Layout/Sidebar.jsx        | 107 ++---------------------
 src/pages/authentication/AuthWrapper.jsx |   8 +-
 7 files changed, 27 insertions(+), 265 deletions(-)
 create mode 100644 public/img/brand/marco1.png

diff --git a/public/assets/css/default.css b/public/assets/css/default.css
index 7da3c592..2abd37ee 100644
--- a/public/assets/css/default.css
+++ b/public/assets/css/default.css
@@ -1,7 +1,3 @@
-/*
-* demo.css
-* File include item demo only specific css only
-******************************************************************************/
 #root {
   width: 100%;
 
@@ -20,21 +16,28 @@
   padding: 0 !important;
 }
 
-.menu .app-brand.demo {
+.menu .app-brand {
   height: 64px;
   margin-top: 12px;
 }
 
-.app-brand-logo.demo svg {
+.app-brand-logo svg {
   width: 22px;
   height: 38px;
 }
 
 .app-brand-logo-sidebar {
-  width: 70px;
+  width: 45px;
 }
 
-.app-brand-text.demo {
+.app-brand-logo-login {
+  width: 100px;
+}
+
+.app-brand-logo-border {
+  border: 1px solid #d5d5d5;
+}
+.app-brand-text {
   font-size: 1.75rem;
   letter-spacing: -0.5px;
   /* text-transform: lowercase; */
@@ -61,39 +64,6 @@
 * Content
 ******************************************************************************/
 
-.demo-blocks > * {
-  display: block !important;
-}
-
-.demo-inline-spacing > * {
-  margin: 1rem 0.375rem 0 0 !important;
-}
-
-/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
-.demo-vertical-spacing > * {
-  margin-top: 1rem !important;
-  margin-bottom: 0 !important;
-}
-.demo-vertical-spacing.demo-only-element > :first-child {
-  margin-top: 0 !important;
-}
-
-.demo-vertical-spacing-lg > * {
-  margin-top: 1.875rem !important;
-  margin-bottom: 0 !important;
-}
-.demo-vertical-spacing-lg.demo-only-element > :first-child {
-  margin-top: 0 !important;
-}
-
-.demo-vertical-spacing-xl > * {
-  margin-top: 5rem !important;
-  margin-bottom: 0 !important;
-}
-.demo-vertical-spacing-xl.demo-only-element > :first-child {
-  margin-top: 0 !important;
-}
-
 .rtl-only {
   display: none !important;
   text-align: left !important;
@@ -104,30 +74,6 @@
   display: block !important;
 }
 
-/*
-* Layout demo
-******************************************************************************/
-
-.layout-demo-wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-top: 1rem;
-}
-.layout-demo-placeholder img {
-  width: 900px;
-}
-.layout-demo-info {
-  text-align: center;
-  margin-top: 1rem;
-}
 .infra-activity-table-header {
   border-top: 0;
   text-transform: capitalize !important;
diff --git a/public/img/brand/marco.png b/public/img/brand/marco.png
index 40490583a6632854f4862f696b136dd40f6dbf9e..ca14f30360be45095d721b2c8505102664004f4d 100644
GIT binary patch
literal 43649
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

literal 10886
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
ZyI@dbOr((nJZeWVfGRr5wTkaP{txU8N2>q;

diff --git a/public/img/brand/marco1.png b/public/img/brand/marco1.png
new file mode 100644
index 0000000000000000000000000000000000000000..40490583a6632854f4862f696b136dd40f6dbf9e
GIT binary patch
literal 10886
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
ZyI@dbOr((nJZeWVfGRr5wTkaP{txU8N2>q;

literal 0
HcmV?d00001

diff --git a/src/assets/css/default.css b/src/assets/css/default.css
index 7420d4b2..8ed523e0 100644
--- a/src/assets/css/default.css
+++ b/src/assets/css/default.css
@@ -1,23 +1,3 @@
-/*
-* demo.css
-* File include item demo only specific css only
-******************************************************************************/
-
-.menu .app-brand.demo {
-  height: 64px;
-  margin-top: 12px;
-}
-
-.app-brand-logo.demo svg {
-  width: 22px;
-  height: 38px;
-}
-
-.app-brand-text.demo {
-  font-size: 1.75rem;
-  letter-spacing: -0.5px;
-}
-
 /* ! For .layout-navbar-fixed added fix padding top to .layout-page */
 /* Detached navbar */
 .layout-navbar-fixed
@@ -43,43 +23,6 @@
   z-index: auto;
 }
 
-/*
-* Content
-******************************************************************************/
-
-.demo-blocks > * {
-  display: block !important;
-}
-
-.demo-inline-spacing > * {
-  margin: 1rem 0.375rem 0 0 !important;
-}
-
-/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
-.demo-vertical-spacing > * {
-  margin-top: 1rem !important;
-  margin-bottom: 0 !important;
-}
-.demo-vertical-spacing.demo-only-element > :first-child {
-  margin-top: 0 !important;
-}
-
-.demo-vertical-spacing-lg > * {
-  margin-top: 1.875rem !important;
-  margin-bottom: 0 !important;
-}
-.demo-vertical-spacing-lg.demo-only-element > :first-child {
-  margin-top: 0 !important;
-}
-
-.demo-vertical-spacing-xl > * {
-  margin-top: 5rem !important;
-  margin-bottom: 0 !important;
-}
-.demo-vertical-spacing-xl.demo-only-element > :first-child {
-  margin-top: 0 !important;
-}
-
 .rtl-only {
   display: none !important;
   text-align: left !important;
@@ -89,41 +32,3 @@
 [dir="rtl"] .rtl-only {
   display: block !important;
 }
-
-/* Dropdown buttons going out of small screens */
-@media (max-width: 576px) {
-  #dropdown-variation-demo .btn-group .text-truncate {
-    width: 231px;
-    position: relative;
-  }
-  #dropdown-variation-demo .btn-group .text-truncate::after {
-    position: absolute;
-    top: 45%;
-    right: 0.65rem;
-  }
-}
-
-/*
-* Layout demo
-******************************************************************************/
-
-.layout-demo-wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-top: 1rem;
-}
-.layout-demo-placeholder img {
-  width: 900px;
-}
-.layout-demo-info {
-  text-align: center;
-  margin-top: 1rem;
-}
diff --git a/src/components/Layout/LayoutMenu.tsx b/src/components/Layout/LayoutMenu.tsx
index 48d38c05..a658d88b 100644
--- a/src/components/Layout/LayoutMenu.tsx
+++ b/src/components/Layout/LayoutMenu.tsx
@@ -1,9 +1,9 @@
 const LayoutMenu = () => {
   return (
     <aside id="layout-menu" className="layout-menu menu-vertical menu bg-menu-theme">
-    <div className="app-brand demo">
+    <div className="app-brand">
       <a href="index.html" className="app-brand-link">
-        <span className="app-brand-logo demo">
+        <span className="app-brand-logo">
           <svg
             width="25"
             viewBox="0 0 25 42"
@@ -58,7 +58,7 @@ const LayoutMenu = () => {
             </g>
           </svg>
         </span>
-        <span className="app-brand-text demo menu-text fw-bolder ms-2">Marco</span>
+        <span className="app-brand-text menu-text fw-bolder ms-2">Marco</span>
       </a>
 
       <a href="javascript:void(0);" className="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
diff --git a/src/components/Layout/Sidebar.jsx b/src/components/Layout/Sidebar.jsx
index d17249f1..de754542 100644
--- a/src/components/Layout/Sidebar.jsx
+++ b/src/components/Layout/Sidebar.jsx
@@ -1,43 +1,31 @@
 import React from "react";
 import { Link, NavLink, useLocation, useNavigate } from "react-router-dom";
 import menuData from "../../data/menuData.json";
-import {getCachedProfileData} from "../../slices/apiDataManager";
+import { getCachedProfileData } from "../../slices/apiDataManager";
 
 const Sidebar = () => {
-  // const logineUser = getCachedProfileData()
-  const navigate = useNavigate()
-  // const handleLogout = (e) => {
-  //   e.preventDefault(); 
-  //   // logout();
-  // };
+  const navigate = useNavigate();
 
-  // const handleProfilePage = ()=>{
-  //   navigate(`/employee/${profile?.employeeInfo?.id}?for=account`)
-  // }
   return (
     <aside
       id="layout-menu"
       className="layout-menu menu-vertical menu bg-menu-theme "
     >
-      <div className="app-brand demo">
+      <div className="app-brand" style={{ paddingLeft: "30px" }}>
         <Link to="/dashboard" className="app-brand-link">
-          <span className="app-brand-logo  demo">
+          <span className="app-brand-logo  rounded-circle app-brand-logo-border">
             <img
               className="app-brand-logo-sidebar"
               src="/img/brand/marco.png"
               alt="logo"
               aria-label="logo image"
+              style={{ margin: "5px", paddingRight: "5px" }}
             />
           </span>
-          <span className="app-brand-text demo menu-text fw-bold ms-2">
-            PMS
-          </span>
+          <span className="app-brand-text  menu-text fw-bold ms-2">PMS</span>
         </Link>
 
-        <a
-          
-          className="layout-menu-toggle menu-link text-large ms-auto"
-        >
+        <a className="layout-menu-toggle menu-link text-large ms-auto">
           <i className="bx bx-chevron-left bx-sm d-flex align-items-center justify-content-center"></i>
         </a>
       </div>
@@ -56,87 +44,6 @@ const Sidebar = () => {
           </React.Fragment>
         ))}
       </ul>
-
-      {/* <div className="dropdown py-sm-4 mt-sm-auto ms-auto ms-sm-0 flex-shrink-1 ps-5">
-        <a
-          href="#"
-          className="d-flex align-items-center  text-decoration-none dropdown-toggle"
-          id="dropdownUser1"
-          data-bs-toggle="dropdown"
-          aria-expanded="false"
-        >
-          <img
-            src="https://github.com/mdo.png"
-            alt="hugenerd"
-            width="28"
-            height="28"
-            className="rounded-circle"
-          />
-          <span className="d-none d-sm-inline mx-1">{ logineUser?.employeeInfo?.firstName}</span>
-        </a>
-        <ul className="dropdown-menu dropdown-menu-end">
-          <li onClick={handleProfilePage}>
-            <a aria-label="go to profile" className="dropdown-item">
-              <div className="d-flex">
-                <div className="flex-shrink-0 me-3">
-                  <div className="avatar avatar-online">
-                    <img
-                      src="../assets/img/avatars/00.jpg"
-                      className="w-px-40 h-auto rounded-circle"
-                      alt="avatar-image"
-                      aria-label="Avatar Image"
-                    />
-                  </div>
-                </div>
-                <div className="flex-grow-1">
-                  <span className="fw-medium d-block">{ logineUser?.employeeInfo?.firstName}</span>
-                  <small className="text-muted">Admin</small>
-                </div>
-              </div>
-            </a>
-          </li>
-          <li>
-            <div className="dropdown-divider"></div>
-          </li>
-          <li onClick={handleProfilePage}>
-            <a aria-label="go to profile" className="dropdown-item" >
-              <i className="bx bx-user me-2"></i>
-              <span className="align-middle">My Profile</span>
-            </a>
-          </li>
-          <li>
-            <a aria-label="go to setting" className="dropdown-item" href="#">
-              <i className="bx bx-cog me-2"></i>
-              <span className="align-middle">Settings</span>
-            </a>
-          </li>
-          <li>
-            <a aria-label="go to billing" className="dropdown-item" href="#">
-              <span className="d-flex align-items-center align-middle">
-                <i className="flex-shrink-0 bx bx-credit-card me-2"></i>
-                <span className="flex-grow-1 align-middle ms-1">Billing</span>
-                <span className="flex-shrink-0 badge badge-center rounded-pill bg-danger w-px-20 h-px-20">
-                  4
-                </span>
-              </span>
-            </a>
-          </li>
-          <li>
-            <div className="dropdown-divider"></div>
-          </li>
-          <li>
-            <a
-              aria-label="click to log out"
-              className="dropdown-item"
-              href="/logout" // Optional: Add this for accessibility, but it won't actually redirect
-              onClick={handleLogout}
-            >
-              <i className="bx bx-power-off me-2"></i>
-              <span className="align-middle">Log Out</span>
-            </a>
-          </li>
-        </ul>
-      </div> */}
     </aside>
   );
 };
diff --git a/src/pages/authentication/AuthWrapper.jsx b/src/pages/authentication/AuthWrapper.jsx
index 6684ae46..c065bac2 100644
--- a/src/pages/authentication/AuthWrapper.jsx
+++ b/src/pages/authentication/AuthWrapper.jsx
@@ -14,8 +14,12 @@ export const AuthWrapper = ({ children }) => {
                   to="/"
                   className="app-brand-link gap-2"
                 >
-                  <span className="app-brand-logo demo">
-                    <img src="/img/brand/marco.png" alt="marco-logo" />
+                  <span className="app-brand-logo rounded-circle ">
+                    <img
+                      src="/img/brand/marco.png"
+                      alt="marco-logo"
+                      className="app-brand-logo-login"
+                    />
                   </span>
                 </Link>
               </div>