gene set reducer

client/src/components/geneExpression/index.js

@@ -1,31 +1,26 @@
 /* rc slider https://www.npmjs.com/package/rc-slider */
 
 import React from "react";
-import _ from "lodash";
 import { connect } from "react-redux";
 import { Button } from "@blueprintjs/core";
 import GeneSet from "./geneSet";
 
-import testGeneSets from "./test_data";
 import CreateGenesetDialogue from "./menus/createGenesetDialogue";
 
 @connect((state) => {
   return {
-    userDefinedGenes: state.controls.userDefinedGenes,
     differential: state.differential,
-    genesets: state.genesets,
+    genesets: state.genesets.genesets,
   };
 })
 class GeneExpression extends React.Component {
-  renderTestGeneSets = () => {
+  renderGeneSets = () => {
     const sets = [];
+    const { genesets } = this.props;
 
-    _.forEach(testGeneSets, (setGenes, setName) => {
-      sets.push(
-        <GeneSet key={setName} setGenes={setGenes} setName={setName} />
-      );
-    });
-
+    for (const [name, genes] of genesets) {
+      sets.push(<GeneSet key={name} setGenes={[...genes]} setName={name} />);
+    }
     return sets;
   };
 
@@ -75,7 +70,7 @@ class GeneExpression extends React.Component {
           <CreateGenesetDialogue />
         </div>
         <div>{this.renderDiffexpGeneSets()}</div>
-        <div>{this.renderTestGeneSets()}</div>
+        <div>{this.renderGeneSets()}</div>
       </div>
     );
   }

client/src/components/geneExpression/menus/createGenesetDialogue.js

@@ -10,7 +10,7 @@ import LabelInput from "../../categorical/labelInput";
   schema: state.annoMatrix?.schema,
   ontology: state.ontology,
   obsCrossfilter: state.obsCrossfilter,
-  genesets: state.genesets,
+  genesetsUI: state.genesetsUI,
 }))
 class CreateGenesetDialogue extends React.PureComponent {
   constructor(props) {
@@ -60,12 +60,12 @@ class CreateGenesetDialogue extends React.PureComponent {
 
   render() {
     const { genesetName } = this.state;
-    const { metadataField, genesets } = this.props;
+    const { metadataField, genesetsUI } = this.props;
 
     return (
       <>
         <AnnoDialog
-          isActive={genesets.createGenesetModeActive}
+          isActive={genesetsUI.createGenesetModeActive}
           inputProps={{ "data-testid": `${metadataField}:create-label-dialog` }}
           primaryButtonProps={{
             "data-testid": `${metadataField}:submit-label`,

client/src/reducers/index.js

@@ -4,7 +4,7 @@ import thunk from "redux-thunk";
 import cascadeReducers from "./cascade";
 import undoable from "./undoable";
 import config from "./config";
-import userInfo from "./userinfo";
+import userInfo from "./userInfo";
 import annoMatrix from "./annoMatrix";
 import obsCrossfilter from "./obsCrossfilter";
 import categoricalSelection from "./categoricalSelection";
@@ -16,6 +16,7 @@ import layoutChoice from "./layoutChoice";
 import controls from "./controls";
 import annotations from "./annotations";
 import genesets from "./genesets";
+import genesetsUI from "./genesetsUI";
 import autosave from "./autosave";
 import ontology from "./ontology";
 import centroidLabels from "./centroidLabels";
@@ -33,6 +34,7 @@ const Reducer = undoable(
     ["ontology", ontology],
     ["annotations", annotations],
     ["genesets", genesets],
+    ["genesetsUI", genesetsUI],
     ["layoutChoice", layoutChoice],
     ["categoricalSelection", categoricalSelection],
     ["continuousSelection", continuousSelection],