diff options
| author | eperelm2 <emily_perelman@brown.edu> | 2023-07-19 15:58:19 -0400 |
|---|---|---|
| committer | eperelm2 <emily_perelman@brown.edu> | 2023-07-19 15:58:19 -0400 |
| commit | e29a26a5095bbf8f05d327b1bbefc991967c6f2b (patch) | |
| tree | 06bd3cc2c4c40891dc67529f0d31a8643803f066 | |
| parent | a193bdcb4e3abbb41698ef1ed0f65ff8407c5bf4 (diff) | |
filter - trying to work on removing
| -rw-r--r-- | src/client/views/FilterPanel.tsx | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx index 1ab7ab54e..12dbf691f 100644 --- a/src/client/views/FilterPanel.tsx +++ b/src/client/views/FilterPanel.tsx @@ -18,11 +18,6 @@ interface filterProps { rootDoc: Doc; } -const handleCollapse = (currentHeader: string) => { - // this._chosenFacetsCollapse.set(currentHeader, true); - console.log("hi") -} - @observer export class FilterPanel extends React.Component<filterProps> { public static LayoutString(fieldKey: string) { @@ -178,7 +173,7 @@ export class FilterPanel extends React.Component<filterProps> { return nonNumbers / facetValues.length > 0.1 ? facetValues.sort() : facetValues.sort((n1: string, n2: string) => Number(n1) - Number(n2)); }; - // need boolean that is true or false on click but individual to that specific header + // change css and make the currently selected filters appear at the top render() { const options = this._allFacets.filter(facet => this.currentFacets.indexOf(facet) === -1).map(facet => ({ value: facet, label: facet })); @@ -214,7 +209,10 @@ export class FilterPanel extends React.Component<filterProps> { this._chosenFacetsCollapse.set(facetHeader, !collapseBoolValue )})}> <AiOutlineMinusSquare/></div> - <CiCircleRemove/> + <div onClick = + {action((e) => this.activeFacets.delete(facetHeader)) + } > + <CiCircleRemove/> </div> </div> </div> |