clear differential expression button interface

client/src/components/expression/expressionButtons.js

@@ -20,6 +20,7 @@ class Expression extends React.Component {
 
   computeDiffExp() {
     const { dispatch, differential } = this.props;
+    if (differential.celllist1 && differential.celllist2) {
       dispatch(
         actions.requestDifferentialExpression(
           differential.celllist1,
@@ -27,6 +28,15 @@ class Expression extends React.Component {
         )
       );
     }
+  }
+
+  clearDifferentialExpression() {
+    const { dispatch, differential } = this.props;
+    dispatch({
+      type: "clear differential expression",
+      diffExp: differential.diffExp
+    });
+  }
 
   render() {
     const { differential } = this.props;
@@ -37,6 +47,7 @@ class Expression extends React.Component {
       <div style={{ marginRight: 10, marginBottom: 10 }}>
         <CellSetButton {...this.props} eitherCellSetOneOrTwo={1} />
         <CellSetButton {...this.props} eitherCellSetOneOrTwo={2} />
+        {!differential.diffExp ? (
           <button
             type="button"
             style={{
@@ -58,8 +69,33 @@ class Expression extends React.Component {
             }}
             onClick={this.computeDiffExp.bind(this)}
           >
-          Compute differential expression
+            {" "}
+            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>
     );
   }