From a7c5020efcd35d5c68c8b6f64ebda653c6623aac Mon Sep 17 00:00:00 2001
From: Becky Reamy <rlreamy@umich.edu>
Date: Wed, 5 Jul 2023 09:16:12 -0400
Subject: [PATCH] KPMP-4590: Commit changes to master

---
 src/components/Repository/FileList.js       | 48 ++++++++++-----------
 src/components/Repository/FileListHolder.js |  6 +--
 2 files changed, 25 insertions(+), 29 deletions(-)

diff --git a/src/components/Repository/FileList.js b/src/components/Repository/FileList.js
index e00fc6e..a4c9a91 100644
--- a/src/components/Repository/FileList.js
+++ b/src/components/Repository/FileList.js
@@ -385,38 +385,38 @@ class FileList extends Component {
         return (
             <Container id='outer-wrapper' className="multi-container-container container-xxl">
                 <Row>
-                    <Col xl={3}>
+                    <Col xl={3} className={`filter-panel-wrapper ${this.props.filterTabActive ? '': 'hidden'}`}>
                         <div className={`filter-panel-wrapper ${this.props.filterTabActive ? '': 'hidden'}`}>
-                        <div className="filter-panel-tab-wrapper">
-                            
-                            <div onClick={() => {this.props.setActiveFilterTab(tabEnum.PARTICIPANT)}}
-                                 className={`filter-tab ${this.props.activeFilterTab === tabEnum.PARTICIPANT ? 'active' : ''} rounded border`}>
-                                    PARTICIPANT
-                            </div>
+                            <div className="filter-panel-tab-wrapper">
+                                
+                                <div onClick={() => {this.props.setActiveFilterTab(tabEnum.PARTICIPANT)}}
+                                    className={`filter-tab ${this.props.activeFilterTab === tabEnum.PARTICIPANT ? 'active' : ''} rounded border`}>
+                                        PARTICIPANT
+                                </div>
 
-                            <div onClick={() => {this.props.setActiveFilterTab(tabEnum.FILE)}}
-                                 className={`filter-tab ${this.props.activeFilterTab === tabEnum.FILE ? 'active' : ''} rounded border`}>
-                                    FILE
-                            </div>
+                                <div onClick={() => {this.props.setActiveFilterTab(tabEnum.FILE)}}
+                                    className={`filter-tab ${this.props.activeFilterTab === tabEnum.FILE ? 'active' : ''} rounded border`}>
+                                        FILE
+                                </div>
 
 
-                            <div className="filter-tab filter-tab-control-icon clickable"
-                                 alt="Close Filter Tab"
-                                 onClick={() => {this.props.toggleFilterTab()}}>                                
-                                <FontAwesomeIcon
-                                    className="fas fa-angles-left " icon={faAnglesLeft} />
+                                <div className="filter-tab filter-tab-control-icon clickable"
+                                    alt="Close Filter Tab"
+                                    onClick={() => {this.props.toggleFilterTab()}}>                                
+                                    <FontAwesomeIcon
+                                        className="fas fa-angles-left " icon={faAnglesLeft} />
+                                </div>
                             </div>
-                        </div>
-                        {this.accessAlertModal()}
+                            {this.accessAlertModal()}
                             <React.Fragment>
                            
-                            {this.props.activeFilterTab === tabEnum.FILE &&
-                                <FileFacet/>
-                            }
+                                {this.props.activeFilterTab === tabEnum.FILE &&
+                                    <FileFacet/>
+                                }
 
-                            {this.props.activeFilterTab === tabEnum.PARTICIPANT &&
-                               <ParticipantFacet/>
-                            }
+                                {this.props.activeFilterTab === tabEnum.PARTICIPANT &&
+                                <ParticipantFacet/>
+                                }
                             </React.Fragment>
                         </div>
 
diff --git a/src/components/Repository/FileListHolder.js b/src/components/Repository/FileListHolder.js
index 6784bab..b356500 100644
--- a/src/components/Repository/FileListHolder.js
+++ b/src/components/Repository/FileListHolder.js
@@ -20,11 +20,7 @@ class FileListHolder extends Component {
     };
     
     toggleFilterTab = () => {
-        if(this.state.filterTabActive) {
-            this.setState({filterTabActive: false});
-        } else {
-            this.setState({filterTabActive: true});
-        }
+        this.setState({filterTabActive: !this.state.filterTabActive})
     };
 
     render() {