From a42f9f83f569ad6903ccda8a941610374d3e5622 Mon Sep 17 00:00:00 2001
From: Colin Megill <colinmegill@gmail.com>
Date: Tue, 9 Oct 2018 13:03:09 -0700
Subject: [PATCH] clear differential expression button interface

---
 .../expression/expressionButtons.js           | 94 +++++++++++++------
 1 file changed, 65 insertions(+), 29 deletions(-)

diff --git a/client/src/components/expression/expressionButtons.js b/client/src/components/expression/expressionButtons.js
index e9e8c324..9d6c040f 100644
--- a/client/src/components/expression/expressionButtons.js
+++ b/client/src/components/expression/expressionButtons.js
@@ -20,12 +20,22 @@ class Expression extends React.Component {
 
   computeDiffExp() {
     const { dispatch, differential } = this.props;
-    dispatch(
-      actions.requestDifferentialExpression(
-        differential.celllist1,
-        differential.celllist2
-      )
-    );
+    if (differential.celllist1 && differential.celllist2) {
+      dispatch(
+        actions.requestDifferentialExpression(
+          differential.celllist1,
+          differential.celllist2
+        )
+      );
+    }
+  }
+
+  clearDifferentialExpression() {
+    const { dispatch, differential } = this.props;
+    dispatch({
+      type: "clear differential expression",
+      diffExp: differential.diffExp
+    });
   }
 
   render() {
@@ -37,29 +47,55 @@ class Expression extends React.Component {
       <div style={{ marginRight: 10, marginBottom: 10 }}>
         <CellSetButton {...this.props} eitherCellSetOneOrTwo={1} />
         <CellSetButton {...this.props} eitherCellSetOneOrTwo={2} />
-        <button
-          type="button"
-          style={{
-            fontSize: 14,
-            fontWeight: 400,
-            color: "#FFF",
-            padding: "0px 10px",
-            height: 30,
-            borderRadius: 2,
-            backgroundColor:
-              differential.celllist1 && differential.celllist2
-                ? globals.brightBlue
-                : globals.lightGrey,
-            border: "none",
-            cursor:
-              differential.celllist1 && differential.celllist2
-                ? "pointer"
-                : "auto"
-          }}
-          onClick={this.computeDiffExp.bind(this)}
-        >
-          Compute differential expression
-        </button>
+        {!differential.diffExp ? (
+          <button
+            type="button"
+            style={{
+              fontSize: 14,
+              fontWeight: 400,
+              color: "#FFF",
+              padding: "0px 10px",
+              height: 30,
+              borderRadius: 2,
+              backgroundColor:
+                differential.celllist1 && differential.celllist2
+                  ? globals.brightBlue
+                  : globals.lightGrey,
+              border: "none",
+              cursor:
+                differential.celllist1 && differential.celllist2
+                  ? "pointer"
+                  : "auto"
+            }}
+            onClick={this.computeDiffExp.bind(this)}
+          >
+            {" "}
+            Compute Differential Expression{" "}
+          </button>
+        ) : null}
+        {differential.diffExp ? (
+          <button
+            type="button"
+            style={{
+              fontSize: 14,
+              fontWeight: 400,
+              color: "#FFF",
+              padding: "0px 10px",
+              height: 30,
+              borderRadius: 2,
+              backgroundColor: globals.brightBlue,
+              border: "none",
+              cursor:
+                differential.celllist1 && differential.celllist2
+                  ? "pointer"
+                  : "auto"
+            }}
+            onClick={this.clearDifferentialExpression.bind(this)}
+          >
+            {" "}
+            Clear Differential Expression{" "}
+          </button>
+        ) : null}
       </div>
     );
   }