[WEB-1715] chore: issue filters indicator enhancement (#5027)

* chore: isIssueFilterActive helper function added

* chore: isIssueFilterActive implementation

* chore: code refactor
This commit is contained in:
Anmol Singh Bhatia 2024-07-03 15:43:22 +05:30 committed by GitHub
parent 8f59a36bda
commit af51992eba
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 78 additions and 48 deletions

View file

@ -15,7 +15,7 @@ import { CreateUpdateWorkspaceViewModal } from "@/components/workspace";
import { EIssueFilterType, EIssuesStoreType, ISSUE_DISPLAY_FILTERS_BY_LAYOUT } from "@/constants/issue";
import { EUserWorkspaceRoles } from "@/constants/workspace";
// helpers
import { calculateTotalFilters } from "@/helpers/filter.helper";
import { isIssueFilterActive } from "@/helpers/filter.helper";
// hooks
import { useLabel, useMember, useUser, useIssues, useGlobalView } from "@/hooks/store";
@ -98,7 +98,6 @@ export const GlobalIssuesHeader = observer(() => {
const isAuthorizedUser = !!currentWorkspaceRole && currentWorkspaceRole >= EUserWorkspaceRoles.MEMBER;
const isFiltersApplied = calculateTotalFilters(issueFilters?.filters ?? {}) !== 0;
const isLocked = viewDetails?.is_locked;
return (
@ -118,7 +117,11 @@ export const GlobalIssuesHeader = observer(() => {
<div className="flex items-center gap-2">
{!isLocked && (
<>
<FiltersDropdown title="Filters" placement="bottom-end" isFiltersApplied={isFiltersApplied}>
<FiltersDropdown
title="Filters"
placement="bottom-end"
isFiltersApplied={isIssueFilterActive(issueFilters)}
>
<FilterSelection
layoutDisplayFiltersOptions={ISSUE_DISPLAY_FILTERS_BY_LAYOUT.my_issues.spreadsheet}
filters={issueFilters?.filters ?? {}}