filter - working w/ css (looking for recommendations)

1 files changed, 13 insertions, 3 deletions

diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx
index 4cfc02ff7..b03e11f79 100644
--- a/src/client/views/FilterPanel.tsx
+++ b/src/client/views/FilterPanel.tsx
@@ -161,12 +161,21 @@ export class FilterPanel extends React.Component<filterProps> {
     @action
     sortingCurrentFacetValues = (facetHeader:string) => {
 
+        this._collapseReturnKeys.splice(0)
+
         for (var key of this.facetValues(facetHeader)){
             console.log("key : " + key  )
             if (this._currentActiveFilters.get(key)){
                 this._collapseReturnKeys.push(key) 
         }}
-        return this._collapseReturnKeys.toString();
+        // return "hello"
+
+        return (<div className = " filterbox-collpasedAndActive">
+          
+            {this._collapseReturnKeys.toString()}
+        </div>)
+        
+        
     }
     
     
@@ -255,8 +264,9 @@ export class FilterPanel extends React.Component<filterProps> {
                             </div>
                            
                             { this._chosenFacetsCollapse.get(facetHeader) ? 
-                            <div className = 'filterbox-collpasedAndActive'> {this.sortingCurrentFacetValues(facetHeader)} </div> &&  this._collapseReturnKeys.splice(0)
-                            
+                            // <div className = 'filterbox-collpasedAndActive' style={{backgroundColor: 'yellow', fontSize: 50}} > {this.sortingCurrentFacetValues(facetHeader)} </div> &&  this._collapseReturnKeys.splice(0)
+                            this.sortingCurrentFacetValues(facetHeader) 
+                            // &&  this._collapseReturnKeys.splice(0)
                              : this.displayFacetValueFilterUIs(this.activeFacets.get(facetHeader), facetHeader) }
                             {/*  */}
                         </div>