diff --git a/src/components/App.tsx b/src/components/App.tsx index a90cbd26..193c93c9 100644 --- a/src/components/App.tsx +++ b/src/components/App.tsx @@ -321,6 +321,9 @@ export default function App() { dispatchCanvas({ type: ActionType.SELECTION_MODE, selectionMode: value }); }} isMobile={isMobile} + MobileSelectCells={() => { + dispatchCanvas({ type: ActionType.MOBILE_SELECT_CELLS }); + }} /> diff --git a/src/components/CellControls.tsx b/src/components/CellControls.tsx index 79b5d4fc..fe8e8c0f 100644 --- a/src/components/CellControls.tsx +++ b/src/components/CellControls.tsx @@ -1,5 +1,5 @@ import { Box, Stack } from "@mui/material"; -import { InputSlider, SegmentedControl, SingleButtonDefinition } from "@czi-sds/components"; +import { InputSlider, SegmentedControl, SingleButtonDefinition, Button } from "@czi-sds/components"; import { FontS, SmallCapsButton, ControlLabel } from "@/components/Styled"; import { PointSelectionMode } from "@/lib/PointSelector"; @@ -17,6 +17,7 @@ interface CellControlsProps { selectionMode: PointSelectionMode; setSelectionMode: (value: PointSelectionMode) => void; isMobile: boolean; + MobileSelectCells: () => void; } export default function CellControls(props: CellControlsProps) { @@ -69,8 +70,15 @@ export default function CellControls(props: CellControlsProps) { value={props.selectionMode} /> + + {props.isMobile && ( + + )} +