Navigate to "Projects" Page Should Display Only Message When No Projects Are Assigned. #237

Merged
vikas.nale merged 2 commits from Kartik_Bug#650 into Issues_July_2W 2025-07-10 05:22:26 +00:00
3 changed files with 147 additions and 141 deletions

View File

@ -2553,7 +2553,7 @@ progress {
}
.table-responsive {
overflow-x: auto;
/* overflow-x: auto; */
-webkit-overflow-scrolling: touch;
}

View File

@ -2436,7 +2436,7 @@ progress {
}
.table-responsive {
overflow-x: auto;
/* overflow-x: auto; */
-webkit-overflow-scrolling: touch;
}

View File

@ -317,7 +317,7 @@ const ProjectList = () => {
{listView ? (
<div className="card cursor-pointer">
<div className="card-body p-2">
<div className="card-body p-2" style={{ minHeight: "200px" }}>
<div className="table-responsive text-nowrap py-2">
<table className="table m-3">
<thead>
@ -366,9 +366,7 @@ const ProjectList = () => {
checked={selectedStatuses.includes(id)}
onChange={() => handleStatusChange(id)}
/>
<label className="form-check-label">
{label}
</label>
<label className="form-check-label">{label}</label>
</div>
</li>
))}
@ -384,11 +382,22 @@ const ProjectList = () => {
</th>
</tr>
</thead>
<tbody className="table-border-bottom-0 overflow-auto ">
<tbody className="table-border-bottom-0" style={{ height: "200px" }}>
{currentItems.length === 0 ? (
<tr>
<td colSpan="12" className="text-center py-4">
No projects found
<td
colSpan="12"
className="text-center"
style={{
verticalAlign: "middle",
height: "200px",
paddingTop: 0,
paddingBottom: 0,
}}
>
<div className="d-flex flex-column justify-content-center align-items-center h-100">
<p className="mb-0">No projects found</p>
</div>
</td>
</tr>
) : (
@ -402,8 +411,8 @@ const ProjectList = () => {
)}
</tbody>
</table>
</div>{" "}
</div>{" "}
</div>
</div>
</div>
) : (
<div className="row">
@ -441,11 +450,7 @@ const ProjectList = () => {
</button>
</li>
))}
<li
className={`page-item ${
currentPage === totalPages && "disabled"
}`}
>
<li className={`page-item ${currentPage === totalPages && "disabled"}`}>
<button
className="page-link"
onClick={() =>
@ -458,6 +463,7 @@ const ProjectList = () => {
</ul>
</nav>
)}
</div>
</>
);