Update the state properly

This commit is contained in:
Panayiotis Lipiridis 2020-12-24 23:15:15 +02:00
parent 49363afac1
commit 922e28a198
2 changed files with 5 additions and 2 deletions

View File

@ -388,6 +388,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
/> />
{this.state.showStats && ( {this.state.showStats && (
<Stats <Stats
setAppState={this.setAppState}
appState={this.state} appState={this.state}
elements={this.scene.getElements()} elements={this.scene.getElements()}
onClose={this.toggleStats} onClose={this.toggleStats}

View File

@ -24,6 +24,7 @@ const getStorageSizes = debounce((cb: (sizes: StorageSizes) => void) => {
}, 500); }, 500);
export const Stats = (props: { export const Stats = (props: {
setAppState: React.Component<any, AppState>["setState"];
appState: AppState; appState: AppState;
elements: readonly NonDeletedExcalidrawElement[]; elements: readonly NonDeletedExcalidrawElement[];
onClose: () => void; onClose: () => void;
@ -47,8 +48,9 @@ export const Stats = (props: {
const selectedBoundingBox = getCommonBounds(selectedElements); const selectedBoundingBox = getCommonBounds(selectedElements);
const onGridSizeChange = () => { const onGridSizeChange = () => {
//TODO: Update the state properly and rerender the grid props.setAppState({
props.appState.gridSize = ((props.appState.gridSize - 5) % 50) + 10; gridSize: ((props.appState.gridSize - 5) % 50) + 10,
});
}; };
if (isMobile && props.appState.openMenu) { if (isMobile && props.appState.openMenu) {