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 && (
+
+ )}
+