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

Directory tab inside Project Profile page not displayed properly (tab within tab issue) #464

Merged
pramod.mahajan merged 2 commits from Kartik_Bug#1408 into OnFieldWork_V1 2025-10-09 12:56:41 +00:00
Conversation 0 Commits 2 Files Changed 1 +24 -21
1 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b2e2214143 - Show all commits

45
src/pages/Directory/DirectoryPage.jsx
View File

@ -201,41 +201,44 @@ export default function DirectoryPage({ IsPage = true, projectId = null }) {
</div> </div>
)} )}
</div> </div>
<div class="dropdown z-2"> <div className="dropdown z-2">
<button type="button" <button
class="btn btn-xs btn-icon btn-text-secondary rounded-pill dropdown-toggle hide-arrow p-0 m-0" data-bs-toggle="dropdown" aria-expanded="true"> type="button"
<i class="bx bx-dots-vertical-rounded text-muted p-0" data-bs-toggle="tooltip" className="btn btn-icon p-0 m-0"
data-bs-offset="0,8" data-bs-placement="top" data-bs-custom-class="tooltip-dark" title="More Action"> data-bs-toggle="dropdown"
</i> aria-expanded="false"
</button> title="More Actions"
<ul class="dropdown-menu dropdown-menu-end p-5" data-popper-placement="bottom-end"
> >
<i className="bx bx-dots-vertical-rounded text-muted bx-md"></i>
</button>
<ul className="dropdown-menu dropdown-menu-end shadow-sm p-2" style={{ minWidth: "220px" }}>
<li> <li>
<a <button
className="dropdown-item cursor-pointer" className="dropdown-item d-flex align-items-center gap-2"
onClick={() => handleExport("csv")} onClick={() => handleExport("csv")}
> >
<i className="bx bx-file"></i> Export to CSV <i className="bx bx-file"></i>
</a> <span>Export to CSV</span>
</button>
</li> </li>
{/* Divider */}
{activeTab === "contacts" && <li><hr className="dropdown-divider" /></li>}
{activeTab === "contacts" && ( {activeTab === "contacts" && (
<li> <li className="dropdown-item d-flex align-items-center">
<div className="form-check form-switch d-flex align-items-center m-0"> <div className="form-check form-switch mb-0">
<input <input
type="checkbox" type="checkbox"
className="form-check-input" className="form-check-input"
role="switch" role="switch"
id="inactiveEmployeesCheckbox" id="inactiveContactsSwitch"
checked={showActive} checked={showActive}
onChange={(e) => setShowActive(e.target.checked)} onChange={(e) => setShowActive(e.target.checked)}
/> />
<label
className="form-check-label ms-2"
htmlFor="inactiveEmployeesCheckbox"
>
{showActive ? "Active" : "Inactive"} Contacts
</label>
</div> </div>
<span>{showActive ? "Active Contacts" : "Inactive Contacts"}</span>
</li> </li>
)} )}
</ul> </ul>