Add hasLocalActiveFilters for applying filter state

This commit is contained in:
Abhimanyu Yadav
2025-06-06 11:10:47 +05:30
parent 2d52a57a21
commit e42b24c029

View File

@@ -89,7 +89,7 @@ export default function FilterSheet({
setIsOpen(false);
}, [setFilters]);
const hasActiveFilters = useCallback(() => {
const hasLocalActiveFilters = useCallback(() => {
const hasCategoryFilter = Object.values(localFilters.categories).some(
(value) => value,
);
@@ -98,6 +98,15 @@ export default function FilterSheet({
return hasCategoryFilter || hasCreatorFilter;
}, [localFilters]);
const hasActiveFilters = useCallback(() => {
const hasCategoryFilter = Object.values(filters.categories).some(
(value) => value,
);
const hasCreatorFilter = filters.createdBy.length > 0;
return hasCategoryFilter || hasCreatorFilter;
}, [filters]);
return (
<div className="m-0 ml-4 inline w-fit p-0">
<Button
@@ -221,7 +230,7 @@ export default function FilterSheet({
"min-w-[6.25rem] rounded-[0.5rem] border-none px-1.5 py-2 font-sans text-sm font-medium leading-[1.375rem] text-white shadow-none ring-1 disabled:ring-0",
)}
onClick={handleApplyFilters}
disabled={!hasActiveFilters()}
disabled={!hasLocalActiveFilters()}
>
Apply filters
</Button>