mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-10-05 05:08:12 +08:00
handle delete gene from set
This commit is contained in:
@@ -58,6 +58,16 @@ class Gene extends React.Component {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
handleDeleteGeneFromSet = () => {
|
||||||
|
const { dispatch, gene, geneset } = this.props;
|
||||||
|
|
||||||
|
dispatch({
|
||||||
|
type: "geneset: del genes",
|
||||||
|
name: geneset,
|
||||||
|
genes: [gene],
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const {
|
const {
|
||||||
gene,
|
gene,
|
||||||
@@ -70,7 +80,7 @@ class Gene extends React.Component {
|
|||||||
<div>
|
<div>
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
marginLeft: 15,
|
marginLeft: 5,
|
||||||
marginRight: 0,
|
marginRight: 0,
|
||||||
marginTop: 2,
|
marginTop: 2,
|
||||||
display: "flex",
|
display: "flex",
|
||||||
@@ -117,6 +127,15 @@ class Gene extends React.Component {
|
|||||||
) : null}
|
) : null}
|
||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
|
<AnchorButton
|
||||||
|
minimal
|
||||||
|
small
|
||||||
|
data-testid={`delete-from-geneset-${gene}`}
|
||||||
|
onClick={this.handleDeleteGeneFromSet}
|
||||||
|
intent="danger"
|
||||||
|
style={{ fontWeight: 700, marginRight: 2 }}
|
||||||
|
icon={<Icon icon="trash" iconSize={10} />}
|
||||||
|
/>
|
||||||
<AnchorButton
|
<AnchorButton
|
||||||
minimal
|
minimal
|
||||||
small
|
small
|
||||||
@@ -171,15 +190,3 @@ class Gene extends React.Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default Gene;
|
export default Gene;
|
||||||
|
|
||||||
// {geneIsExpanded ? (
|
|
||||||
// <FaChevronDown
|
|
||||||
// data-testclass="gene-expand-is-expanded"
|
|
||||||
// style={{ fontSize: 10, marginRight: 5 }}
|
|
||||||
// />
|
|
||||||
// ) : (
|
|
||||||
// <FaChevronRight
|
|
||||||
// data-testclass="gene-expand-is-not-expanded"
|
|
||||||
// style={{ fontSize: 10, marginRight: 5 }}
|
|
||||||
// />
|
|
||||||
// )}
|
|
||||||
|
|||||||
@@ -36,7 +36,6 @@ class AddGeneToGenesetDialogue extends React.PureComponent {
|
|||||||
};
|
};
|
||||||
|
|
||||||
handleChange = (e) => {
|
handleChange = (e) => {
|
||||||
console.log(e);
|
|
||||||
this.setState({ genesToAdd: e });
|
this.setState({ genesToAdd: e });
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -110,6 +110,7 @@ const GeneSets = (
|
|||||||
*/
|
*/
|
||||||
case "geneset: del genes": {
|
case "geneset: del genes": {
|
||||||
const { name, genes } = action;
|
const { name, genes } = action;
|
||||||
|
|
||||||
if (!state.genesets.has(name))
|
if (!state.genesets.has(name))
|
||||||
throw new Error("geneset: add genes -- name does not exist.");
|
throw new Error("geneset: add genes -- name does not exist.");
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user