feat(FiltersApplied): stateType support

taskany-inc · Aug 22, 2023 · cf03dd5 · cf03dd5
1 parent 7d5fbeb
commit cf03dd5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/FiltersPanelApplied/FiltersPanelApplied.tsx b/src/components/FiltersPanelApplied/FiltersPanelApplied.tsx
@@ -66,6 +66,15 @@ export const FiltersPanelApplied: React.FC<FiltersPanelAppliedProps> = ({
         appliedMap[tr('State')] = queryState.state.map((s) => statesMap[s]?.title).filter(Boolean);
     }
 
+    if (queryState.stateType.length && states?.length) {
+        appliedMap[tr('State')] = states.reduce((acum, { type, title }) => {
+            if (queryState.stateType.includes(type) && !acum.includes(title)) {
+                acum.push(title);
+            }
+            return acum;
+        }, appliedMap[tr('State')] || []);
+    }
+
     if (queryState.issuer.length && issuers?.length) {
         appliedMap[tr('Issuer')] = queryState.issuer.map((u) => issuersMap[u]?.user?.name).filter(Boolean) as string[];
     }

diff --git a/src/components/StateFilter.tsx b/src/components/StateFilter.tsx
@@ -3,7 +3,7 @@ import { StateType } from '@prisma/client';
 
 import { ColorizedFilterDropdown } from './ColorizedFilterDropdown';
 
-type State = { id: string; title: string; hue: number; type: string };
+type State = { id: string; title: string; hue: number; type: StateType };
 
 export const StateFilter: FC<{
     text: string;