diff --git a/src/components/App.tsx b/src/components/App.tsx
index d58fc9d4..f4dac825 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -37,6 +37,7 @@ export default function App() {
// PointCanvas is a Three.js canvas, updated via reducer
const [canvas, dispatchCanvas, sceneDivRef] = usePointCanvas(initialViewerState);
const numTracksLoaded = canvas.tracks.size;
+ const numPointsHighlighted = canvas.selectedPointIndices.length;
const trackHighlightLength = canvas.maxTime - canvas.minTime;
// this state is pure React
@@ -245,7 +246,8 @@ export default function App() {
clearTracks={() => {
dispatchCanvas({ type: ActionType.REMOVE_ALL_TRACKS });
}}
- numSelectedCells={numTracksLoaded}
+ numTracksLoaded={numTracksLoaded}
+ numPointsHighlighted={numPointsHighlighted}
trackManager={trackManager}
pointBrightness={canvas.pointBrightness}
setPointBrightness={(brightness: number) => {
diff --git a/src/components/CellControls.tsx b/src/components/CellControls.tsx
index 25907d20..1cb287b1 100644
--- a/src/components/CellControls.tsx
+++ b/src/components/CellControls.tsx
@@ -7,7 +7,8 @@ import { TrackManager } from "@/lib/TrackManager";
interface CellControlsProps {
clearTracks: () => void;
- numSelectedCells?: number;
+ numTracksLoaded?: number;
+ numPointsHighlighted?: number;
trackManager: TrackManager | null;
pointBrightness: number;
setPointBrightness: (value: number) => void;
@@ -31,7 +32,10 @@ export default function CellControls(props: CellControlsProps) {
- {props.numSelectedCells ?? 0} cells selected
+ {props.numTracksLoaded ?? 0} cells selected
+
+
+ {props.numPointsHighlighted ?? 0} points highlighted