disable compute button until sets selected

src/components/expression/expressionButtons.js

@@ -60,20 +60,37 @@ class Expression extends React.Component {
           eitherCellSetOneOrTwo={2}/>
         </div>
         <div>
-          <button
+          {
-            style={{
+            this.props.differential.celllist1 && this.props.differential.celllist2 ?
-              fontSize: 18,
+            <button
-              margin: 10,
+              style={{
-              fontWeight: 700,
+                fontSize: 18,
-              color: "#FFF",
+                margin: 10,
-              padding: "12px 20px",
+                fontWeight: 700,
-              backgroundColor: globals.darkGreen,
+                color: "#FFF",
-              border: "none",
+                padding: "12px 20px",
-              cursor: "pointer",
+                backgroundColor: globals.brightBlue,
-            }}
+                border: "none",
-            onClick={this.computeDiffExp.bind(this)}>
+                cursor: "pointer",
-            Compute differential expression
+              }}
-          </button>
+              onClick={this.computeDiffExp.bind(this)}>
+              Compute differential expression
+            </button> :
+            <button
+              style={{
+                fontSize: 18,
+                margin: 10,
+                fontWeight: 700,
+                color: "#FFF",
+                padding: "12px 20px",
+                backgroundColor: globals.mediumGrey,
+                border: "none",
+              }}
+              >
+              Compute differential expression
+            </button>
+          }
+
         </div>
       </div>
     )

src/components/graph/graph.js

@@ -242,7 +242,7 @@ class Graph extends React.Component {
               fontWeight: 400,
               color: "white",
               padding: "10px 20px",
-              backgroundColor: globals.darkGreen,
+              backgroundColor: globals.brightBlue,
               border: "none",
               cursor: "pointer",
             }}

src/globals.js

@@ -21,14 +21,15 @@ export const continuous = [
 ]
 
 /* colors */
-export const hcaBlue = "#1c7cc7"
+export const blue = "#4a90e2";
+export const hcaBlue = "#1c7cc7";
 export const lighterGrey = "rgb(245,245,245)";
 export const lightGrey = "rgb(211,211,211)";
 export const mediumGrey = "rgb(153,153,153)";
 export const darkGrey = "rgb(102,102,102)";
 export const darkerGrey = "rgb(51,51,51)";
 
-export const brightBlue = "#3B98FC";
+export const brightBlue = "#4a90e2";
 export const brightGreen = "#A2D729";
 export const darkGreen = "#448C4D";