admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Adding Message for Card and list view in Services and Infra

Browse Source
This commit is contained in:
Kartik Sharma 2025-11-24 12:45:51 +05:30
parent 3ffc7a4ee2
commit ad2cfaabb6
3 changed files with 162 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Project/ProjectCardView.jsx
View File

@ -8,7 +8,12 @@ const ProjectCardView = ({ data, currentPage, totalPages, paginate }) => {
return ( return (
<div className="row page-min-h"> <div className="row page-min-h">
{data?.length === 0 && ( {data?.length === 0 && (
<p className="text-center text-muted">No projects found.</p> <div
className="col-12 d-flex justify-content-center align-items-center"
style={{ minHeight: "250px" }}
>
<p className="text-center text-muted m-0">No Infra projects found.</p>
</div>
)} )}
{data?.map((project) => ( {data?.map((project) => (

25
src/components/Project/ProjectListView.jsx
View File

@ -143,7 +143,8 @@ const ProjectListView = ({ data, currentPage, totalPages, paginate }) => {
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{data?.map((project) => ( {data?.length > 0 ? (
data?.map((project) => (
<tr key={project.id}> <tr key={project.id}>
{projectColumns.map((col) => ( {projectColumns.map((col) => (
<td <td
@ -158,8 +159,7 @@ const ProjectListView = ({ data, currentPage, totalPages, paginate }) => {
</td> </td>
))} ))}
<td <td
className={`mx-2 ${ className={`mx-2 ${canManageProject ? "d-sm-table-cell" : "d-none"
canManageProject ? "d-sm-table-cell" : "d-none"
}`} }`}
> >
<div className="dropdown z-2"> <div className="dropdown z-2">
@ -213,7 +213,24 @@ const ProjectListView = ({ data, currentPage, totalPages, paginate }) => {
</div> </div>
</td> </td>
</tr> </tr>
))} ))
) : (
<tr
className="no-hover"
style={{
pointerEvents: "none",
backgroundColor: "transparent",
}}
>
<td
colSpan={projectColumns.length + 1}
className="text-center align-middle"
style={{ height: "300px", borderBottom: "none" }}
>
No Infra projects available
</td>
</tr>
)}
</tbody> </tbody>
</table> </table>
</div> </div>

36
src/components/ServiceProject/ServiceProjectTeam/ServiceProjectList.jsx
View File

@ -105,7 +105,8 @@ const ServiceProjectList = ({ data, currentPage, totalPages, paginate, isCore =
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{data?.map((project) => ( {data?.length > 0 ? (
data.map((project) => (
<tr key={project.id}> <tr key={project.id}>
{projectColumns.map((col) => ( {projectColumns.map((col) => (
<td <td
@ -114,14 +115,11 @@ const ServiceProjectList = ({ data, currentPage, totalPages, paginate, isCore =
className={`${col.className} py-5`} className={`${col.className} py-5`}
style={{ paddingTop: "20px", paddingBottom: "20px" }} style={{ paddingTop: "20px", paddingBottom: "20px" }}
> >
{col.getValue {col.getValue ? col.getValue(project) : project[col.key] || "N/A"}
? col.getValue(project)
: project[col.key] || "N/A"}
</td> </td>
))} ))}
<td <td
className={`mx-2 ${canManageProject ? "d-sm-table-cell" : "d-none" className={`mx-2 ${canManageProject ? "d-sm-table-cell" : "d-none"}`}
}`}
> >
<div className="dropdown z-2"> <div className="dropdown z-2">
<button <button
@ -145,15 +143,15 @@ const ServiceProjectList = ({ data, currentPage, totalPages, paginate, isCore =
aria-label="click to View details" aria-label="click to View details"
className="dropdown-item" className="dropdown-item"
onClick={() => handleViewProject(project)} onClick={() => handleViewProject(project)}
> >
<i className="bx bx-detail me-2"></i> <i className="bx bx-detail me-2"></i>
<span className="align-left">View details</span> <span className="align-left">View details</span>
</a> </a>
</li> </li>
<li> <li>
<a className="dropdown-item" onClick={() => handleManage(project)} <a
className="dropdown-item"
onClick={() => handleManage(project)}
> >
<i className="bx bx-pencil me-2"></i> <i className="bx bx-pencil me-2"></i>
<span className="align-left">Modify</span> <span className="align-left">Modify</span>
@ -163,8 +161,26 @@ const ServiceProjectList = ({ data, currentPage, totalPages, paginate, isCore =
</div> </div>
</td> </td>
</tr> </tr>
))} ))
) : (
<tr
className="no-hover"
style={{
pointerEvents: "none",
backgroundColor: "transparent",
}}
>
<td
colSpan={projectColumns.length + 1}
className="text-center align-middle"
style={{ height: "300px", borderBottom: "none" }}
>
No Service projects available
</td>
</tr>
)}
</tbody> </tbody>
</table> </table>
</div> </div>