diff --git a/.version b/.version index 142464bf22..027934ea1a 100644 --- a/.version +++ b/.version @@ -1 +1 @@ -0.11.0 \ No newline at end of file +0.11.1 \ No newline at end of file diff --git a/frontend/src/Editor/Editor.jsx b/frontend/src/Editor/Editor.jsx index be5197b7a1..111c550dc3 100644 --- a/frontend/src/Editor/Editor.jsx +++ b/frontend/src/Editor/Editor.jsx @@ -2,6 +2,7 @@ import React, { createRef } from 'react'; import { datasourceService, dataqueryService, appService, authenticationService } from '@/_services'; import { DndProvider } from 'react-dnd'; import { HTML5Backend } from 'react-dnd-html5-backend'; +import { defaults } from 'lodash'; import { Container } from './Container'; import { CustomDragLayer } from './CustomDragLayer'; import { LeftSidebar } from './LeftSidebar'; @@ -52,6 +53,15 @@ class Editor extends React.Component { }; } + this.defaultDefinition = { + components: {}, + globalSettings: { + hideHeader: false, + canvasMaxWidth: 1292, + canvasBackgroundColor: props.darkMode ? '#2f3c4c' : '#edeff5', + }, + }; + this.state = { currentUser: authenticationService.currentUserValue, app: {}, @@ -69,14 +79,7 @@ class Editor extends React.Component { zoomLevel: 1.0, currentLayout: 'desktop', deviceWindowWidth: 450, - appDefinition: { - components: {}, - globalSettings: { - hideHeader: false, - canvasMaxWidth: 1292, - canvasBackgroundColor: props.darkMode ? '#2f3c4c' : '#edeff5', - }, - }, + appDefinition: this.defaultDefinition, currentState: { queries: {}, components: {}, @@ -245,13 +248,13 @@ class Editor extends React.Component { const appId = this.props.match.params.id; appService.getApp(appId).then((data) => { - const dataDefinition = data.definition || {}; + const dataDefinition = defaults(data.definition, this.defaultDefinition); this.setState( { app: data, isLoading: false, editingVersion: data.editing_version, - appDefinition: { ...this.state.appDefinition, ...dataDefinition }, + appDefinition: dataDefinition, slug: data.slug, }, () => { @@ -265,7 +268,7 @@ class Editor extends React.Component { }; setAppDefinitionFromVersion = (version) => { - this.appDefinitionChanged(version.definition || {}); + this.appDefinitionChanged(defaults(version.definition, this.defaultDefinition)); this.setState({ editingVersion: version, }); diff --git a/frontend/src/Editor/LeftSidebar/index.js b/frontend/src/Editor/LeftSidebar/index.js index c1d997b2df..3738d73593 100644 --- a/frontend/src/Editor/LeftSidebar/index.js +++ b/frontend/src/Editor/LeftSidebar/index.js @@ -28,7 +28,6 @@ export const LeftSidebar = ({ globalSettingsChanged, globalSettings, }) => { - console.log('11', globalSettings); const router = useRouter(); const [showLeaveDialog, setShowLeaveDialog] = useState(false); return ( diff --git a/frontend/src/Editor/SaveAndPreview.jsx b/frontend/src/Editor/SaveAndPreview.jsx index e4d16f42cc..a969c29171 100644 --- a/frontend/src/Editor/SaveAndPreview.jsx +++ b/frontend/src/Editor/SaveAndPreview.jsx @@ -74,7 +74,6 @@ class SaveAndPreview extends React.Component { editVersion = (version) => () => { this.props.setAppDefinitionFromVersion(version); - this.props.fetchApp(); }; saveVersion = (versionId) => { @@ -190,7 +189,7 @@ class SaveAndPreview extends React.Component {