From 4ba0c823c00260d77fcbd0af1497c9d603efb098 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Tue, 14 Oct 2025 10:13:24 +0530
Subject: [PATCH] =?UTF-8?q?=E2=80=9CNo=20images=20match=20the=20selected?=
 =?UTF-8?q?=20filters.=E2=80=9D=20message=20should=20be=20displayed=20at?=
 =?UTF-8?q?=20the=20center=20of=20the=20page.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Activities/InfraPlanning.jsx   | 10 ++++++---
 .../gallary/ImageGalleryListView.jsx          | 22 +++++++++++++------
 src/pages/Activities/TaskPlannng.jsx          |  2 +-
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/components/Activities/InfraPlanning.jsx b/src/components/Activities/InfraPlanning.jsx
index 5dce91c4..e7a4003a 100644
--- a/src/components/Activities/InfraPlanning.jsx
+++ b/src/components/Activities/InfraPlanning.jsx
@@ -33,7 +33,7 @@ const InfraPlanning = () => {
   const selectedService = useCurrentService();
 
   const { projectInfra, isLoading, isError, error, isFetched } =
-    useProjectInfra(selectedProject, selectedService || "" );
+    useProjectInfra(selectedProject, selectedService || "");
 
   const canManageInfra = useHasUserPermission(MANAGE_PROJECT_INFRA);
   const canApproveTask = useHasUserPermission(APPROVE_TASK);
@@ -62,9 +62,13 @@ const InfraPlanning = () => {
 
   if (isFetched && (!projectInfra || projectInfra.length === 0)) {
     return (
-      <div className="text-center">
-        <p className="my-3">No Result Found</p>
+      <div
+        className="text-center d-flex justify-content-center align-items-center text-muted"
+        style={{ minHeight: "40vh", fontSize: "0.9rem" }}
+      >
+        <p className="my-3 m-0">No Result Found</p>
       </div>
+
     );
   }
 
diff --git a/src/components/gallary/ImageGalleryListView.jsx b/src/components/gallary/ImageGalleryListView.jsx
index 945736e3..6973f6f0 100644
--- a/src/components/gallary/ImageGalleryListView.jsx
+++ b/src/components/gallary/ImageGalleryListView.jsx
@@ -28,13 +28,21 @@ const ImageGalleryListView = ({filter}) => {
     }
   };
 
-  if (!data?.data?.length && !isLoading) {
-    return (
-      <p className="text-center text-muted mt-5">
-       {selectedProject ? " No images match the selected filters.":"Please Select Project!"}
-      </p>
-    );
-  }
+ if (!data?.data?.length && !isLoading) {
+  return (
+    <div
+      className="d-flex justify-content-center align-items-center text-muted"
+      style={{ minHeight: "50vh" }}
+    >
+      <span style={{ fontSize: "0.9rem" }}>
+        {selectedProject
+          ? "No images match the selected filters."
+          : "Please Select Project!"}
+      </span>
+    </div>
+  );
+}
+
 
   if (isLoading) {
     return (
diff --git a/src/pages/Activities/TaskPlannng.jsx b/src/pages/Activities/TaskPlannng.jsx
index 8728240f..41890b9d 100644
--- a/src/pages/Activities/TaskPlannng.jsx
+++ b/src/pages/Activities/TaskPlannng.jsx
@@ -38,7 +38,7 @@ const TaskPlanning = () => {
         ]}
       />
 
-      <div className="card py-2 ">
+      <div className="card py-2 page-min-h">
         <div className="col-sm-4 col-md-3 col-12 px-4 py-2 text-start">
           {data?.length === 0 ? (
             <p className="badge bg-label-secondary m-0">Service not assigned</p>