From 8802ea62ca5e669cb1b7262f3df4f91e11dc7454 Mon Sep 17 00:00:00 2001
From: Panayiotis Lipiridis <lipiridis@gmail.com>
Date: Wed, 3 Feb 2021 13:59:40 +0200
Subject: [PATCH] Grid

---
 src/actions/actionToggleGridMode.tsx | 9 ++++-----
 src/components/App.tsx               | 4 +---
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/actions/actionToggleGridMode.tsx b/src/actions/actionToggleGridMode.tsx
index 152a9da9aa..7473a39076 100644
--- a/src/actions/actionToggleGridMode.tsx
+++ b/src/actions/actionToggleGridMode.tsx
@@ -1,8 +1,7 @@
+import { trackEvent } from "../analytics";
 import { CODES, KEYS } from "../keys";
-import { register } from "./register";
-import { GRID_SIZE } from "../constants";
 import { AppState } from "../types";
-import { trackEvent } from "../analytics";
+import { register } from "./register";
 
 export const actionToggleGridMode = register({
   name: "gridMode",
@@ -11,12 +10,12 @@ export const actionToggleGridMode = register({
     return {
       appState: {
         ...appState,
-        gridSize: this.checked!(appState) ? null : GRID_SIZE,
+        showGrid: !appState.showGrid,
       },
       commitToHistory: false,
     };
   },
-  checked: (appState: AppState) => appState.gridSize !== null,
+  checked: (appState: AppState) => appState.showGrid,
   contextItemLabel: "labels.gridMode",
   keyTest: (event) => event[KEYS.CTRL_OR_CMD] && event.code === CODES.QUOTE,
 });
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 801c050790..a35fd80a03 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1202,9 +1202,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
   };
 
   toggleGridMode = () => {
-    this.setState({
-      showGrid: !this.state.showGrid,
-    });
+    this.actionManager.executeAction(actionToggleGridMode);
   };
 
   toggleStats = () => {