binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-1176] chore: filter dropdown indicator and code refactor (#4379)

Browse source 
* chore: filter dropdown indicator and code refactor

* chore: code refactor

* chore: code refactor

* chore: code refactor

* chore: refactor calculateTotalFilters function with typescript generics
This commit is contained in:
Anmol Singh Bhatia 2024-05-07 14:56:19 +05:30 • committed by GitHub
parent 1eba6c24cd
commit 2aef40b7c5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
22 changed files with 219 additions and 87 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web/components/modules/archived-modules/header.tsx
View file

@ -11,6 +11,7 @@ import { FiltersDropdown } from "@/components/issues";
import { ModuleFiltersSelection, ModuleOrderByDropdown } from "@/components/modules";
// helpers
import { cn } from "@/helpers/common.helper";
import { calculateTotalFilters } from "@/helpers/filter.helper";
// hooks
import { useMember, useModuleFilter } from "@/hooks/store";
import useOutsideClickDetector from "@/hooks/use-outside-click-detector";
@ -70,6 +71,8 @@ export const ArchivedModulesHeader: FC = observer(() => {
}
};
const isFiltersApplied = calculateTotalFilters(currentProjectArchivedFilters ?? {}) !== 0;
return (
<div className="group relative flex border-b border-custom-border-200">
<div className="flex w-full items-center overflow-x-auto px-4 gap-2 horizontal-scrollbar scrollbar-sm">
@ -128,7 +131,12 @@ export const ArchivedModulesHeader: FC = observer(() => {
});
}}
/>
<FiltersDropdown icon={<ListFilter className="h-3 w-3" />} title="Filters" placement="bottom-end">
<FiltersDropdown
icon={<ListFilter className="h-3 w-3" />}
title="Filters"
placement="bottom-end"
isFiltersApplied={isFiltersApplied}
>
<ModuleFiltersSelection
displayFilters={currentProjectDisplayFilters ?? {}}
filters={currentProjectArchivedFilters ?? {}}