Fix create template from scratch

aduh95 · Aug 17, 2019 · 618b7d2 · 618b7d2
1 parent de81fc8
commit 618b7d2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -25,6 +25,8 @@ export default class App extends Component {
   #shouldUpdateDOM = true;
   #idleCallback = null;
   #saveState = this.saveState.bind(this);
+  #startTemplateFromScratch = () =>
+    statePersistance.set({ main: [], aside: [] });
 
   static getDerivedStateFromError(error) {
     // Update state so the next render will show the fallback UI.
@@ -62,6 +64,7 @@ export default class App extends Component {
   }
 
   update(data) {
+    data = data || {};
     try {
       const main = Array.isArray(data.main) ? data.main : null;
       const aside = Array.isArray(data.aside) ? data.aside : null;
@@ -145,7 +148,7 @@ export default class App extends Component {
             ) : (
               <SplashScreen
                 title={APP_TITLE}
-                dataHandler={this.#saveState}
+                startTemplateFromScratch={this.#startTemplateFromScratch}
                 previousStateDate={statePersistance.lastSavedStateDate}
               />
             )}

diff --git a/src/SplashScreen.js b/src/SplashScreen.js
@@ -137,10 +137,13 @@ export default class SplashScreen extends Component {
             ) : null}
           </form>
           <NewTemplate
-            active={this.state.createNewTemplate}
-            previousStateDate={previousStateDate}
-            recoverSavedState={this.#startTemplate}
             componentName="TemplateSettings"
+            active={this.state.createNewTemplate}
+            props={{
+              previousStateDate: previousStateDate,
+              recoverSavedState: this.#startTemplate,
+              saveChange: this.props.startTemplateFromScratch,
+            }}
           />
         </main>
       </>

diff --git a/src/edit_components/TemplateSettings.js b/src/edit_components/TemplateSettings.js
@@ -18,6 +18,9 @@ export default class EditTemplateSettings extends Component {
     templateHostName.set(this.state.hostname);
     templateName.set(this.state.name);
     this.componentDidMount();
+    if (this.props.saveChange) {
+      requestAnimationFrame(this.props.saveChange);
+    }
   };
 
   #updateCSS = this.update.bind(this, "css");