mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-26 09:38:11 +08:00
Mim HastieandTimmy Huang
27575b8d86
* Disabled @blueprintjs/classes-constants. #2288. * thuang-eslint-bp-off (#2344) * Disabled @blueprintjs/classes-constants on webpack dev and shared. #2288. * Added TS recommended, suppress lint errors codemod. * Added per-error/warning ignore for tests. * Added per-error/warning ignore for configuration. * Added per-error/warning ignore for src. Removed suppress package. * Minor linting. Co-authored-by: Timmy Huang <tihuan@users.noreply.github.com>
51 lines
1.9 KiB
TypeScript
51 lines
1.9 KiB
TypeScript
import React from "react";
|
|
import { connect } from "react-redux";
|
|
import Categorical from "../categorical";
|
|
import * as globals from "../../globals";
|
|
import DynamicScatterplot from "../scatterplot/scatterplot";
|
|
import TopLeftLogoAndTitle from "./topLeftLogoAndTitle";
|
|
import Continuous from "../continuous/continuous";
|
|
|
|
// @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
|
|
@connect((state) => ({
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
|
|
scatterplotXXaccessor: (state as any).controls.scatterplotXXaccessor,
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
|
|
scatterplotYYaccessor: (state as any).controls.scatterplotYYaccessor,
|
|
}))
|
|
class LeftSideBar extends React.Component {
|
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types --- FIXME: disabled temporarily on migrate to TS.
|
|
render() {
|
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'scatterplotXXaccessor' does not exist on... Remove this comment to see the full error message
|
|
const { scatterplotXXaccessor, scatterplotYYaccessor } = this.props;
|
|
return (
|
|
<div
|
|
style={{
|
|
/* x y blur spread color */
|
|
borderRight: `1px solid ${globals.lightGrey}`,
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
height: "100%",
|
|
}}
|
|
>
|
|
<TopLeftLogoAndTitle />
|
|
<div
|
|
style={{
|
|
height: "100%",
|
|
width: globals.leftSidebarWidth,
|
|
overflowY: "auto",
|
|
}}
|
|
>
|
|
<Categorical />
|
|
<Continuous />
|
|
</div>
|
|
{scatterplotXXaccessor && scatterplotYYaccessor ? (
|
|
<DynamicScatterplot />
|
|
) : null}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default LeftSideBar;
|