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

46
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"> <button
type="button"
<li className="nav-item"> className={`btn btn-sm ${showArchive ? "btn-primary" : "btn-outline-secondary"}`}
<button onClick={() => setShowArchive(!showArchive)}
type="button" style={{ fontSize: "13px" }}
className={`nav-link px-2 py-2 ${!showArchive ? "active" : ""}`} >
role="tab" {showArchive ? (
onClick={() => setShowArchive(false)} <>
style={{ fontSize: "13px" }} <i className="bx bx-list-ul me-1 mt-1"></i> Show Active Jobs
> </>
Active Jobs ) : (
</button> <>
</li> <i className="bx bx-archive me-1 mt-1"></i> Show Archived Jobs
</>
<li className="nav-item"> )}
<button </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