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

Clear button is working at filter.

Browse Source
This commit is contained in:
Kartik sharma 2025-06-27 16:04:15 +05:30
parent 9396caea57
commit 92ad8485f6
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,7 +30,7 @@ const DirectoryPageHeader = ({
const [allCreators, setAllCreators] = useState([]); const [allCreators, setAllCreators] = useState([]);
const [allOrganizations, setAllOrganizations] = useState([]); const [allOrganizations, setAllOrganizations] = useState([]);
const [filteredOrganizations, setFilteredOrganizations] = useState([]); const [filteredOrganizations, setFilteredOrganizations] = useState([]);
const [selectedCreators, setSelectedCreators] = useState([]); // Corrected to setSelectedCreators const [selectedCreators, setSelectedCreators] = useState([]);
const [selectedOrgs, setSelectedOrgs] = useState([]); const [selectedOrgs, setSelectedOrgs] = useState([]);
useEffect(() => { useEffect(() => {
@ -287,20 +287,16 @@ const DirectoryPageHeader = ({
style={{ width: "200px" }} style={{ width: "200px" }}
/> />
{/* Moved the "Filter by" dropdown to be triggered by the funnel icon */} {/* Filter by funnel icon for Notes view */}
{viewType === "notes" && ( {viewType === "notes" && (
<div className="dropdown" style={{ width: "500px" }}> <div className="dropdown" style={{ width: "fit-content", minWidth: "400px" }}> {/* Added minWidth here */}
<a <a
className="dropdown-toggle hide-arrow cursor-pointer d-flex align-items-center position-relative" className="dropdown-toggle hide-arrow cursor-pointer d-flex align-items-center position-relative"
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false"
> >
<i className={`fa-solid fa-filter ms-1 fs-5 ${selectedCreators.length > 0 || selectedOrgs.length > 0 ? "text-primary" : "text-muted"}`}></i> <i className={`fa-solid fa-filter ms-1 fs-5 ${selectedCreators.length > 0 || selectedOrgs.length > 0 ? "text-primary" : "text-muted"}`}></i>
{(selectedCreators.length > 0 || selectedOrgs.length > 0) && ( {/* Removed the numerical badge for notes filter */}
<span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
{selectedCreators.length + selectedOrgs.length}
</span>
)}
</a> </a>
<div className="dropdown-menu p-3" style={{ width: "300px", maxHeight: "400px", overflowY: "auto" }}> <div className="dropdown-menu p-3" style={{ width: "300px", maxHeight: "400px", overflowY: "auto" }}>
@ -343,7 +339,8 @@ const DirectoryPageHeader = ({
setSelectedCreators([]); setSelectedCreators([]);
setSelectedOrgs([]); setSelectedOrgs([]);
setFilteredOrganizations(allOrganizations); setFilteredOrganizations(allOrganizations);
applyCombinedFilter(); setFilterAppliedNotes(notesForFilter);
}} }}
> >
Clear Clear
@ -378,6 +375,7 @@ const DirectoryPageHeader = ({
</div> </div>
)} )}
{/* Filter by funnel icon for Contacts view (retains numerical badge) */}
{viewType !== "notes" && ( {viewType !== "notes" && (
<div className="dropdown-center" style={{ width: "fit-content" }}> <div className="dropdown-center" style={{ width: "fit-content" }}>
<a <a