1 files changed, 32 insertions, 0 deletions
diff --git a/packages/excalidraw/actions/actionToggleGridMode.tsx b/packages/excalidraw/actions/actionToggleGridMode.tsx
new file mode 100644
index 0000000..69d6570
--- /dev/null
+++ b/packages/excalidraw/actions/actionToggleGridMode.tsx
@@ -0,0 +1,32 @@
+import { CODES, KEYS } from "../keys";
+import { register } from "./register";
+import type { AppState } from "../types";
+import { gridIcon } from "../components/icons";
+import { CaptureUpdateAction } from "../store";
+
+export const actionToggleGridMode = register({
+  name: "gridMode",
+  icon: gridIcon,
+  keywords: ["snap"],
+  label: "labels.toggleGrid",
+  viewMode: true,
+  trackEvent: {
+    category: "canvas",
+    predicate: (appState) => appState.gridModeEnabled,
+  },
+  perform(elements, appState) {
+    return {
+      appState: {
+        ...appState,
+        gridModeEnabled: !this.checked!(appState),
+        objectsSnapModeEnabled: false,
+      },
+      captureUpdate: CaptureUpdateAction.EVENTUALLY,
+    };
+  },
+  checked: (appState: AppState) => appState.gridModeEnabled,
+  predicate: (element, appState, props) => {
+    return props.gridModeEnabled === undefined;
+  },
+  keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.code === CODES.QUOTE,
+});