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

Change the Ui for Archieve jobs.

Browse Source
This commit is contained in:
Kartik Sharma 2025-11-21 11:47:55 +05:30
parent ee4ef18594
commit d13c48dd39
1 changed files with 17 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/ServiceProject/Jobs.jsx
View File

@ -63,37 +63,25 @@ const Jobs = () => {
<div className="row align-items-center py-4"> <div className="row align-items-center py-4">
{/* LEFT — Tabs */} {/* LEFT — Tabs */}
<div className="col-12 col-md-6"> <div className="col-12 col-md-6 text-start">
<ul className="nav nav-pills" role="tablist">
<li className="nav-item">
<button <button
type="button" type="button"
className={`nav-link px-2 py-2 ${!showArchive ? "active" : ""}`} className={`btn btn-sm ${showArchive ? "btn-primary" : "btn-outline-secondary"}`}
role="tab" onClick={() => setShowArchive(!showArchive)}
onClick={() => setShowArchive(false)}
style={{ fontSize: "13px" }} style={{ fontSize: "13px" }}
> >
Active Jobs {showArchive ? (
<>
<i className="bx bx-list-ul me-1 mt-1"></i> Show Active Jobs
</>
) : (
<>
<i className="bx bx-archive me-1 mt-1"></i> Show Archived Jobs
</>
)}
</button> </button>
</li>
<li className="nav-item">
<button
type="button"
className={`nav-link px-2 py-2 ${showArchive ? "active" : ""}`}
role="tab"
onClick={() => setShowArchive(true)}
style={{ fontSize: "13px" }}
>
Archived Jobs
</button>
</li>
</ul>
</div> </div>
{/* RIGHT — New Job button */} {/* RIGHT — New Job button */}
<div className="col-12 col-md-6 d-flex justify-content-md-end mt-2 mt-md-0"> <div className="col-12 col-md-6 d-flex justify-content-md-end mt-2 mt-md-0">
<button <button