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

"Directory filter popup closes on 'Clear' button click – it should remain open"

Browse Source
This commit is contained in:
Kartik sharma 2025-06-28 16:44:26 +05:30
parent 2bdaed1d83
commit 33ad81b024
1 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/Directory/DirectoryPageHeader.jsx
View File

@ -289,14 +289,13 @@ const DirectoryPageHeader = ({
{/* Filter by funnel icon for Notes view */}
{viewType === "notes" && (
<div className="dropdown" style={{ width: "fit-content", minWidth: "400px" }}> {/* Added minWidth here */}
<div className="dropdown" style={{ width: "fit-content", minWidth: "400px" }}>
<a
className="dropdown-toggle hide-arrow cursor-pointer d-flex align-items-center position-relative"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<i className={`fa-solid fa-filter ms-1 fs-5 ${selectedCreators.length > 0 || selectedOrgs.length > 0 ? "text-primary" : "text-muted"}`}></i>
{/* Removed the numerical badge for notes filter */}
</a>
<div
@ -329,9 +328,6 @@ const DirectoryPageHeader = ({
))}
</div>
{/* Divider */}
{/* <div style={{ width: "1px", backgroundColor: "#dee2e6", margin: "0 12px" }}></div> */}
{/* Organization */}
<div className="ps-3" style={{ flex: 1 }}>
<p className="text-muted mb-1">Organization</p>
@ -356,7 +352,8 @@ const DirectoryPageHeader = ({
<div className="d-flex justify-content-between mt-3">
<button
className="btn btn-sm btn-outline-danger"
onClick={() => {
onClick={(e) => {
e.stopPropagation();
setSelectedCreators([]);
setSelectedOrgs([]);
setFilteredOrganizations(allOrganizations);
@ -365,7 +362,12 @@ const DirectoryPageHeader = ({
>
Clear
</button>
<button className="btn btn-sm btn-primary" onClick={applyCombinedFilter}>
<button
className="btn btn-sm btn-primary"
onClick={(e) => {
applyCombinedFilter();
}}
>
Apply Filter
</button>
</div>
@ -457,13 +459,27 @@ const DirectoryPageHeader = ({
</div>
<div className="d-flex justify-content-end gap-2 mt-1">
<button className="btn btn-xs btn-secondary" onClick={clearFilter}>Clear</button>
<button className="btn btn-xs btn-primary" onClick={applyFilter}>Apply Filter</button>
<button
className="btn btn-xs btn-secondary"
onClick={(e) => {
e.stopPropagation();
clearFilter();
}}
>
Clear
</button>
<button
className="btn btn-xs btn-primary"
onClick={(e) => {
applyFilter();
}}
>
Apply Filter
</button>
</div>
</ul>
</div>
)}
</div>
<div className="col-12 col-md-6 mb-2 px-5 d-flex justify-content-end align-items-center gap-2">