mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-28 18:28:12 +08:00
Colin Megill
6aeefb0fe6
* menubar 1 * zoom switching * centering, pixel perfect canvas * remove dead args and code * clipping * remove log * if * connect props * lint * undo * logo left, componetize * graph back to full height * shadow to top * do not prematurely call event handlers during render * change test to deal with async histogram creation * left section padding * lint * adjust graph to account for top bar, * lasso tests * refine histogram tests * remove testing (onlys)
31 lines
719 B
JavaScript
31 lines
719 B
JavaScript
// jshint esversion: 6
|
|
import React from "react";
|
|
import _ from "lodash";
|
|
import { connect } from "react-redux";
|
|
import * as globals from "../../globals";
|
|
import Category from "./category";
|
|
|
|
@connect(state => ({
|
|
categoricalSelection: state.categoricalSelection
|
|
}))
|
|
class Categories extends React.Component {
|
|
render() {
|
|
const { categoricalSelection } = this.props;
|
|
if (!categoricalSelection) return null;
|
|
|
|
return (
|
|
<div
|
|
style={{
|
|
padding: globals.leftSidebarSectionPadding
|
|
}}
|
|
>
|
|
{_.map(categoricalSelection, (catState, catName) => (
|
|
<Category key={catName} metadataField={catName} />
|
|
))}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Categories;
|