fix search button: get state from child

databio · Jan 1, 2022 · bda2478 · bda2478
1 parent 3788ec1
commit bda2478
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/searchResult.jsx b/src/searchResult.jsx
@@ -66,7 +66,7 @@ export default class ResultsBed extends React.Component {
     }
 
     this.setState({ bedData: res });
-    this.props.setSearchingFalse()
+    this.props.setSearchingFalse(false);
 
     if (res.length >= 50) {
       this.setState({
@@ -295,7 +295,14 @@ export default class ResultsBed extends React.Component {
             }}
           />
         </div>
-      ) : null
+      ) : (<div>
+        <Spinner
+          animation="border"
+          size="sm"
+          style={{ marginRight: "5px", color: "lightgray" }}
+        />
+        <p style={{ color: "lightgray" }}>Loading data </p>
+      </div>)
     ) : null;
   }
 }
diff --git a/src/stringSearch.jsx b/src/stringSearch.jsx
@@ -36,6 +36,10 @@ export default class Search extends React.Component {
     });
   }
 
+  setSearchingFalse(val) {
+    this.setState({ searching: val });
+  };
+
   setSearchTerms(event) {
     this.setState({
       showResults: false,
@@ -74,7 +78,7 @@ export default class Search extends React.Component {
               className="float-left"
               style={{
                 marginRight: "10px",
-                width: "86%",
+                width: "84%",
                 height: "33px",
                 padding: "5px",
                 borderColor: "#ced4da",
@@ -115,7 +119,7 @@ export default class Search extends React.Component {
             <ResultsBed
               terms={this.state.searchTerms}
               genome={this.state.genome}
-              setSearchingFalse={() => this.setState({ seaching: false })}
+              setSearchingFalse={this.setSearchingFalse.bind(this)}
             />
           ) : null}
         </Container>