foss/excalidraw
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Grid

Browse Source
This commit is contained in:
Panayiotis Lipiridis 2021-02-03 13:59:40 +02:00
parent 3c86b014de
commit 8802ea62ca
2 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/actions/actionToggleGridMode.tsx
View File

@ -1,8 +1,7 @@
import { CODES, KEYS } from "../keys";
import { register } from "./register";
import { GRID_SIZE } from "../constants";
import { AppState } from "../types";
import { trackEvent } from "../analytics";
import { CODES, KEYS } from "../keys";
import { AppState } from "../types";
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,
});

4
src/components/App.tsx
View File

@ -1202,9 +1202,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
};
toggleGridMode = () => {
this.setState({
showGrid: !this.state.showGrid,
});
this.actionManager.executeAction(actionToggleGridMode);
};
toggleStats = () => {