Filter icon should not be displayed when no records are found in Daily Progress Report

This commit is contained in:
Kartik Sharma 2025-09-05 12:26:57 +05:30
parent 42b6802419
commit dcb2f59f5b
2 changed files with 18 additions and 4 deletions

View File

@ -30,7 +30,7 @@ const FilterIcon = ({
}, [currentSelectedBuilding, currentSelectedFloors, currentSelectedActivities, selectedProject]); }, [currentSelectedBuilding, currentSelectedFloors, currentSelectedActivities, selectedProject]);
const getUniqueFilterValues = (key, overrideBuilding, overrideFloors) => { const getUniqueFilterValues = (key, overrideBuilding, overrideFloors) => {
if (!taskListData) return []; if (!taskListData || taskListData.length === 0) return [];
let filteredTasks = [...taskListData]; let filteredTasks = [...taskListData];
@ -125,6 +125,11 @@ const FilterIcon = ({
const appliedFilterCount = const appliedFilterCount =
(appliedBuilding ? 1 : 0) + appliedFloors.length + appliedActivities.length; (appliedBuilding ? 1 : 0) + appliedFloors.length + appliedActivities.length;
// Hide filter if no task data
if (!taskListData || taskListData.length === 0) {
return null;
}
return ( return (
<div className="dropdown" style={{ marginLeft: "-14px", position: "relative" }}> <div className="dropdown" style={{ marginLeft: "-14px", position: "relative" }}>
<a <a

View File

@ -167,6 +167,14 @@ const DailyTask = () => {
{/* --- Filters --- */} {/* --- Filters --- */}
<div className="d-flex align-items-center mb-2"> <div className="d-flex align-items-center mb-2">
<DateRangePicker onRangeChange={setDateRange} endDateMode="today" DateDifference="6" dateFormat="DD-MM-YYYY" /> <DateRangePicker onRangeChange={setDateRange} endDateMode="today" DateDifference="6" dateFormat="DD-MM-YYYY" />
{/* <FilterIcon
taskListData={TaskList}
onApplyFilters={setFilters}
currentSelectedBuilding={filters.selectedBuilding}
currentSelectedFloors={filters.selectedFloors}
currentSelectedActivities={filters.selectedActivities}
selectedProject={selectedProject}
/> */}
<FilterIcon <FilterIcon
taskListData={TaskList} taskListData={TaskList}
onApplyFilters={setFilters} onApplyFilters={setFilters}
@ -174,6 +182,7 @@ const DailyTask = () => {
currentSelectedFloors={filters.selectedFloors} currentSelectedFloors={filters.selectedFloors}
currentSelectedActivities={filters.selectedActivities} currentSelectedActivities={filters.selectedActivities}
selectedProject={selectedProject} selectedProject={selectedProject}
disabled={!TaskList || TaskList.length === 0} // 🔹 Disable when no data
/> />
</div> </div>
@ -194,7 +203,7 @@ const DailyTask = () => {
{taskLoading && ( {taskLoading && (
<tr> <tr>
<td colSpan={6} className="text-center"> <td colSpan={6} className="text-center">
<Loader/> <Loader />
</td> </td>
</tr> </tr>
)} )}