From 43670f51a7dd627deeb3612f1066e51871235f2d Mon Sep 17 00:00:00 2001
From: eperelm2 <emily_perelman@brown.edu>
Date: Wed, 26 Jul 2023 15:35:59 -0400
Subject: filter - UI updates

---
 src/client/views/FilterPanel.scss | 1 +
 src/client/views/FilterPanel.tsx  | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/client/views/FilterPanel.scss b/src/client/views/FilterPanel.scss
index 7cf886e12..78e7904b8 100644
--- a/src/client/views/FilterPanel.scss
+++ b/src/client/views/FilterPanel.scss
@@ -215,6 +215,7 @@
         // margin-left: auto;
         float: right;
         font-size: 16;
+        font-weight:bold;
     }
 
 
diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx
index b03e11f79..b14e73208 100644
--- a/src/client/views/FilterPanel.tsx
+++ b/src/client/views/FilterPanel.tsx
@@ -11,7 +11,7 @@ import './FilterPanel.scss';
 import { FieldView } from './nodes/FieldView';
 import { SearchBox } from './search/SearchBox';
 import { undoable } from '../util/UndoManager';
-import { AiOutlineMinusSquare } from 'react-icons/ai';
+import { AiOutlineMinusSquare, AiOutlinePlusSquare } from 'react-icons/ai';
 import { CiCircleRemove } from 'react-icons/ci';
 
 //slight bug when you don't click on background canvas before creating filter and the you click on the canvas 
@@ -172,7 +172,8 @@ export class FilterPanel extends React.Component<filterProps> {
 
         return (<div className = " filterbox-collpasedAndActive">
           
-            {this._collapseReturnKeys.toString()}
+            {this._collapseReturnKeys.join(',  ') }
+            {/* .toString()} */}
         </div>)
         
         
@@ -240,7 +241,7 @@ export class FilterPanel extends React.Component<filterProps> {
                                         const collapseBoolValue = this._chosenFacetsCollapse.get(facetHeader)
                                         this._chosenFacetsCollapse.set(facetHeader, !collapseBoolValue )})}>
 
-                                             <AiOutlineMinusSquare/>
+                                        {this._chosenFacetsCollapse.get(facetHeader) ? <AiOutlinePlusSquare/> :  <AiOutlineMinusSquare/> }    
                                              
                                              </div>
                                 
-- 
cgit v1.2.3-70-g09d2