From 61b57f148f923e6dae7236cbae2e18bbab712722 Mon Sep 17 00:00:00 2001
From: Bingjie Xue <xuebingjie@hotmail.com>
Date: Thu, 23 Jun 2022 03:09:48 -0400
Subject: [PATCH] add alert after submit bedset

---
 src/createBedSet.jsx | 45 ++++----------------------------------------
 src/searchResult.jsx | 14 +++++---------
 2 files changed, 9 insertions(+), 50 deletions(-)

diff --git a/src/createBedSet.jsx b/src/createBedSet.jsx
index 433de77..ff726dd 100644
--- a/src/createBedSet.jsx
+++ b/src/createBedSet.jsx
@@ -27,26 +27,10 @@ export default class CreateBedSet extends React.Component {
   }
 
   async componentDidMount() {
-    console.log("my bed set:", this.state.myBedSet)
+    this.getBedIdx()
   }
 
   async createBedSet() {
-    this.getBedIdx()
-    // let idx_list = []
-
-    // idx_list.push(
-    //   this.state.myBedSet.map((bed) => {
-    //     return bed.id;
-    //   })
-    // )
-
-    // idx_list = encodeURIComponent(
-    //   idx_list.toString()
-    // )
-
-    // this.setState({
-    //   myBedSetIdx: idx_list
-    // })
 
     let md = await api.post(
       "/api/bedset/create/" +
@@ -55,6 +39,8 @@ export default class CreateBedSet extends React.Component {
       this.state.myBedSetIdx
     ).then(({ data }) => data)
 
+    alert("Your BED set has been submitted for processing!")
+
     localStorage.clear();
 
   }
@@ -88,24 +74,9 @@ export default class CreateBedSet extends React.Component {
         <Header />
         <div
           className="conten-body"
-        // style={{ display: "flex", justifyContent: "center" }}
         >
           <Container style={{ width: "75%" }} fluid className="p-4">
-            <h1>Download My BED Set</h1>
-            <span style={{ fontSize: "12pt" }}>
-              <p>
-                {"Download from http with command "}
-                <span style={{ fontWeight: 'bold' }}>
-                  {"wget -i my_bedset_http.txt"}
-                </span>
-              </p>
-              <p>
-                {"Download from s3 with command "}
-                <span style={{ fontWeight: 'bold' }}>
-                  {"cat my_bedset_s3.txt | parallel aws s3 cp {} <output_dir>"}
-                </span>
-              </p>
-            </span>
+            <h1>My BED Set</h1>
           </Container>
 
           {this.state.myBedSet ? (
@@ -162,17 +133,9 @@ export default class CreateBedSet extends React.Component {
                 }}
               />
               <ResponsiveDialog
-                onClick={this.getBedIdx.bind(this)}
                 bedfiles={this.state.myBedSetIdx}
                 btn={'Download My BED Set'}
               />
-              {/* <button
-                style={{ height: "33px" }}
-                className="float-left btn btn-sm my-btn"
-                onClick={this.downloadBedSet.bind(this)}
-              >
-                Download My BED Set
-              </button> */}
 
               <button
                 style={{ height: "33px" }}
diff --git a/src/searchResult.jsx b/src/searchResult.jsx
index e2f1df9..d6d2931 100644
--- a/src/searchResult.jsx
+++ b/src/searchResult.jsx
@@ -25,7 +25,6 @@ export default class ResultsBed extends React.Component {
 
   async componentDidMount() {
     await this.getBedBySearchTerms();
-    console.log("bed info:", this.state.bedData)
   }
 
   async componentDidUpdate(prevProps, prevState) {
@@ -88,7 +87,6 @@ export default class ResultsBed extends React.Component {
       });
     }
     this.setState({ terms: this.props.terms });
-    // console.log("BED files retrieved from the server: ", res);
     this.getColumns();
     this.getData();
   }
@@ -125,14 +123,13 @@ export default class ResultsBed extends React.Component {
     var bed_new = new_res.map((bed, index) => {
       return bed.node.bedId;
     });
-    const bedunique = this.getUnique(bed_old, bed_new)[0]
+    const bedunique = this.getUnique(bed_old, bed_new)
 
     avg_res = oldres.map((bed, index) => {
       if (bedunique.includes(bed.node.bedId)) {
         if (JSON.parse(bed.node.bedfile.genome).alias === this.props.genome) {
           bed.node.score =
             (bed.node.score + thresh) / 2;
-          console.log("bed:", bed)
           return bed;
         }
       } else {
@@ -144,7 +141,7 @@ export default class ResultsBed extends React.Component {
 
           bed.node.score =
             (bed.node.score + new_res[new_res_idx].node.score) / 2;
-          console.log("bed:", bed)
+
           return bed;
 
         }
@@ -157,7 +154,6 @@ export default class ResultsBed extends React.Component {
         if (JSON.parse(bed.node.bedfile.genome).alias === this.props.genome) {
           bed.node.score =
             (bed.node.score + thresh) / 2;
-          console.log("bed:", bed)
           avg_res.push(bed);
         }
       }
@@ -165,7 +161,7 @@ export default class ResultsBed extends React.Component {
     )
 
     avg_res = avg_res.filter(value => Object.keys(value).length !== 0);
-    console.log("avg_res:", avg_res)
+
     return avg_res;
   }
 
@@ -313,11 +309,11 @@ export default class ResultsBed extends React.Component {
   addtoBedSet(data) {
     alert("You added " + data.name + " to your BED set.")
     this.setState({
-      myBedSet: [...this.state.myBedSet, { "id": data.id, "name": data.name }]
+      myBedSet: [...this.state.myBedSet, { "id": data.id, "name": data.name, "md5sum": data.md5sum }]
     }, () => {
       localStorage.setItem('myBedSet', JSON.stringify(this.state.myBedSet))
     })
-    console.log("my bed set:", this.state.myBedSet)
+
 
   }