“No images match the selected filters.” message should be displayed at the center of the page.
This commit is contained in:
parent
9592108472
commit
b0be543ea0
@ -33,7 +33,7 @@ const InfraPlanning = () => {
|
|||||||
const selectedService = useCurrentService();
|
const selectedService = useCurrentService();
|
||||||
|
|
||||||
const { projectInfra, isLoading, isError, error, isFetched } =
|
const { projectInfra, isLoading, isError, error, isFetched } =
|
||||||
useProjectInfra(selectedProject, selectedService || "" );
|
useProjectInfra(selectedProject, selectedService || "");
|
||||||
|
|
||||||
const canManageInfra = useHasUserPermission(MANAGE_PROJECT_INFRA);
|
const canManageInfra = useHasUserPermission(MANAGE_PROJECT_INFRA);
|
||||||
const canApproveTask = useHasUserPermission(APPROVE_TASK);
|
const canApproveTask = useHasUserPermission(APPROVE_TASK);
|
||||||
@ -62,9 +62,13 @@ const InfraPlanning = () => {
|
|||||||
|
|
||||||
if (isFetched && (!projectInfra || projectInfra.length === 0)) {
|
if (isFetched && (!projectInfra || projectInfra.length === 0)) {
|
||||||
return (
|
return (
|
||||||
<div className="text-center">
|
<div
|
||||||
<p className="my-3">No Result Found</p>
|
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>
|
</div>
|
||||||
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -28,13 +28,21 @@ const ImageGalleryListView = ({filter}) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
if (!data?.data?.length && !isLoading) {
|
if (!data?.data?.length && !isLoading) {
|
||||||
return (
|
return (
|
||||||
<p className="text-center text-muted mt-5">
|
<div
|
||||||
{selectedProject ? " No images match the selected filters.":"Please Select Project!"}
|
className="d-flex justify-content-center align-items-center text-muted"
|
||||||
</p>
|
style={{ minHeight: "50vh" }}
|
||||||
);
|
>
|
||||||
}
|
<span style={{ fontSize: "0.9rem" }}>
|
||||||
|
{selectedProject
|
||||||
|
? "No images match the selected filters."
|
||||||
|
: "Please Select Project!"}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
if (isLoading) {
|
if (isLoading) {
|
||||||
return (
|
return (
|
||||||
|
@ -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">
|
<div className="col-sm-4 col-md-3 col-12 px-4 py-2 text-start">
|
||||||
{data?.length === 0 ? (
|
{data?.length === 0 ? (
|
||||||
<p className="badge bg-label-secondary m-0">Service not assigned</p>
|
<p className="badge bg-label-secondary m-0">Service not assigned</p>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user