diff --git a/client/__tests__/e2e/__snapshots__/e2eAnnotations.test.js.snap b/client/__tests__/e2e/__snapshots__/e2eAnnotations.test.js.snap
index 01ed89a8..56a349b2 100644
--- a/client/__tests__/e2e/__snapshots__/e2eAnnotations.test.js.snap
+++ b/client/__tests__/e2e/__snapshots__/e2eAnnotations.test.js.snap
@@ -3,14 +3,14 @@
exports[`annotations stacked bar graph renders 1`] = `
Array [
"
Your annotations are stored in this file:
-
+
{filenameText}-{idhash}.csv
-
+
(We added a unique ID to your filename)
diff --git a/client/src/components/brushableHistogram/index.js b/client/src/components/brushableHistogram/index.js
index 71175b2d..a18608b2 100644
--- a/client/src/components/brushableHistogram/index.js
+++ b/client/src/components/brushableHistogram/index.js
@@ -5,12 +5,13 @@ https://bl.ocks.org/SpaceActuary/2f004899ea1b2bd78d6f1dbb2febf771
https://bl.ocks.org/mbostock/3019563
*/
import React, { useEffect, useRef, useState, useCallback } from "react";
-import { Button, ButtonGroup, Tooltip } from "@blueprintjs/core";
+import { Button, ButtonGroup, Icon, Tooltip } from "@blueprintjs/core";
import { connect } from "react-redux";
import * as d3 from "d3";
import { interpolateCool } from "d3-scale-chromatic";
import Async from "react-async";
import memoize from "memoize-one";
+import { IconNames } from "@blueprintjs/icons";
import * as globals from "../../globals";
import actions from "../../actions";
import { histogramContinuous } from "../../util/dataframe/histogram";
@@ -26,7 +27,7 @@ function maybeScientific(x) {
const _ticks = x.ticks(4);
if (x.domain().some((n) => Math.abs(n) >= 10000)) {
- /*
+ /*
heuristic: if the last tick d3 wants to render has one significant
digit ie., 2000, render 2e+3, but if it's anything else ie., 42000000 render
4.20e+n
@@ -99,7 +100,7 @@ const HistogramFooter = React.memo(
pvalAdj,
}) => {
/*
- Footer of each histogram. Will render range, title, and optionally
+ Footer of each histogram. Will render range, title, and optionally
differential expression info.
Required props:
@@ -214,10 +215,7 @@ const HistogramHeader = React.memo(
>
{onScatterPlotXClick && onScatterPlotYClick ? (
-
+
);
});
diff --git a/client/src/components/menubar/clip.js b/client/src/components/menubar/clip.js
index 5b866bd0..5bc1d18d 100644
--- a/client/src/components/menubar/clip.js
+++ b/client/src/components/menubar/clip.js
@@ -1,12 +1,16 @@
import React from "react";
import {
- Position,
Button,
- Popover,
- NumericInput,
+ ButtonGroup,
Icon,
+ Intent,
+ NumericInput,
+ Popover,
+ Position,
Tooltip,
} from "@blueprintjs/core";
+import { IconNames } from "@blueprintjs/icons";
+
import { tooltipHoverOpenDelay } from "../../globals";
import styles from "./menubar.css";
@@ -28,13 +32,13 @@ const Clip = React.memo((props) => {
pendingClipPercentiles?.clipPercentileMin ?? clipPercentileMin;
const clipMax =
pendingClipPercentiles?.clipPercentileMax ?? clipPercentileMax;
- const activeClipClass =
+ const intent =
clipPercentileMin > 0 || clipPercentileMax < 100
- ? " bp3-intent-warning"
- : "";
+ ? Intent.INTENT_WARNING
+ : Intent.NONE;
return (
-
}
/>
-
+
);
});
diff --git a/client/src/components/menubar/infoMenu.js b/client/src/components/menubar/infoMenu.js
index d136ae0c..a97b8b63 100644
--- a/client/src/components/menubar/infoMenu.js
+++ b/client/src/components/menubar/infoMenu.js
@@ -1,6 +1,13 @@
// jshint esversion: 6
import React from "react";
-import { Button, Popover, Menu, MenuItem, Position } from "@blueprintjs/core";
+import {
+ Button,
+ ButtonGroup,
+ Menu,
+ MenuItem,
+ Popover,
+ Position,
+} from "@blueprintjs/core";
import { IconNames } from "@blueprintjs/icons";
import styles from "./menubar.css";
@@ -11,7 +18,7 @@ const handleClick = (dispatch) => {
const InformationMenu = React.memo((props) => {
const { libraryVersions, tosURL, privacyURL, dispatch } = props;
return (
-