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