Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-05 22:38:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Performance improvement for canvas (#2030)

Browse source
This commit is contained in:
Gandharv 2022-01-31 21:21:46 +05:00 committed by GitHub
parent 0869fb06fb
commit b85c4088f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
frontend/src/Editor/Editor.jsx
View file

@ -887,10 +887,27 @@ class Editor extends React.Component {
);
};
handleOnComponentOptionChanged = (component, optionName, value) => {
onComponentOptionChanged(this, component, optionName, value);
};
handleOnComponentOptionsChanged = (component, options) => {
onComponentOptionsChanged(this, component, options);
};
handleComponentClick = (id, component) => {
this.setState({
selectedComponent: { id, component },
});
this.switchSidebarTab(1);
};
handleEvent = (eventName, options) => onEvent(this, eventName, options, 'edit');
render() {
const {
currentSidebarTab,
selectedComponent,
selectedComponent = {},
appDefinition,
appId,
slug,
@ -1086,26 +1103,17 @@ class Editor extends React.Component {
zoomLevel={zoomLevel}
currentLayout={currentLayout}
deviceWindowWidth={deviceWindowWidth}
selectedComponent={selectedComponent || {}}
selectedComponent={selectedComponent}
appLoading={isLoading}
onEvent={(eventName, options) => onEvent(this, eventName, options, 'edit')}
onComponentOptionChanged={(component, optionName, value) =>
onComponentOptionChanged(this, component, optionName, value)
}
onComponentOptionsChanged={(component, options) =>
onComponentOptionsChanged(this, component, options)
}
onEvent={this.handleEvent}
onComponentOptionChanged={this.handleOnComponentOptionChanged}
onComponentOptionsChanged={this.handleOnComponentOptionsChanged}
currentState={this.state.currentState}
configHandleClicked={this.configHandleClicked}
handleUndo={this.handleUndo}
handleRedo={this.handleRedo}
removeComponent={this.removeComponent}
onComponentClick={(id, component) => {
this.setState({
selectedComponent: { id, component },
});
this.switchSidebarTab(1);
}}
onComponentClick={this.handleComponentClick}
/>
<CustomDragLayer
snapToGrid={true}