fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-09-22 08:18:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

clear differential expression button interface

Browse Source
This commit is contained in:
Colin Megill
2018-10-15 11:20:52 -07:00
parent 9de44e6fd4
commit a42f9f83f5
1 changed files with 65 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/expression/expressionButtons.js
+65 -29
View File
@@ -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>
);
}