src/pages/Activities/DailyTask.jsx

@@ -55,7 +55,7 @@ const DailyTask = () => {
     });
   }, [selectedProject]);
 
-  //  Memoized filtering
+  //  Memoized filtering
   const filteredTasks = useMemo(() => {
     if (!TaskList) return [];
     return TaskList.filter((task) => {
@@ -69,7 +69,7 @@ const DailyTask = () => {
     });
   }, [TaskList, filters]);
 
-  //  Memoized dates
+  //  Memoized dates
   const groupedTasks = useMemo(() => {
     const groups = {};
     filteredTasks.forEach((task) => {
@@ -182,7 +182,7 @@ const DailyTask = () => {
                 currentSelectedFloors={filters.selectedFloors}
                 currentSelectedActivities={filters.selectedActivities}
                 selectedProject={selectedProject}
-                disabled={!TaskList || TaskList.length === 0}
+                disabled={!TaskList || TaskList.length === 0}   // 🔹 Disable when no data
               />
             </div>
 
@@ -200,17 +200,19 @@ const DailyTask = () => {
                   </tr>
                 </thead>
                 <tbody>
-                  {taskLoading ? (
+                  {taskLoading && (
                     <tr>
                       <td colSpan={6} className="text-center">
                         <Loader />
                       </td>
                     </tr>
-                  ) : filteredTasks.length === 0 ? (
+                  )}
+                  {!taskLoading && groupedTasks.length === 0 && (
                     <tr>
-                      <td colSpan={6} className="text-center">No reports available for the selected date range.</td>
+                      <td colSpan={6} className="text-center">No Reports Found</td>
                     </tr>
-                  ) : (
+                  )}
+                  {!taskLoading &&
                     groupedTasks.map(({ date, tasks }) => (
                       <React.Fragment key={date}>
                         <tr className="table-row-header text-start">
@@ -242,8 +244,7 @@ const DailyTask = () => {
                           </tr>
                         ))}
                       </React.Fragment>
-                    ))
-                  )}
+                    ))}
                 </tbody>
               </table>
             </div>