From a33b0f1e1c08a905cc8888f90dedd2c8ef661850 Mon Sep 17 00:00:00 2001
From: Tom <7283497+thfrei@users.noreply.github.com>
Date: Thu, 7 Apr 2022 14:14:21 +0200
Subject: [PATCH] updated react unmounting

---
 src/public/app/widgets/type_widgets/canvas_note.js | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/canvas_note.js b/src/public/app/widgets/type_widgets/canvas_note.js
index a19505245..7ba58dca6 100644
--- a/src/public/app/widgets/type_widgets/canvas_note.js
+++ b/src/public/app/widgets/type_widgets/canvas_note.js
@@ -65,18 +65,13 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
 
                 const React = window.React;
                 const ReactDOM = window.ReactDOM;
-
+                
+                ReactDOM.unmountComponentAtNode(excalidrawWrapper);
                 ReactDOM.render(React.createElement(this.ExcalidrawReactApp), excalidrawWrapper);
             })
 
         return this.$widget;
     }
-    
-    async refreshWithNote(note) {
-        const noteComplement = await froca.getNoteComplement(note.noteId);
-        const content = noteComplement.content || "";
-        console.log('refreshWithNote(note) called', content);
-    }
 
     /**
      * called to populate the widget container with the note content
@@ -87,6 +82,7 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
         console.log('doRefresh()', note);
         // get note from backend and put into canvas
         
+        // wait for react to have rendered!
         console.log('sleep 1s...');
         await sleep(1000);
 
@@ -138,6 +134,7 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
     }
 
     onChangeHandler() {
+        console.log("onChangeHandler() =================", new Date());
         this.saveData();
     }
 
@@ -200,7 +197,7 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
                     //         self.saveData();
                     //     }, 400);
                     // },
-                    onChange: debounce(self.onChangeHandler, 500),
+                    onChange: debounce(self.onChangeHandler, 750),
                     // onPointerUpdate: (payload) => console.log(payload),
                     onCollabButtonClick: () => {
                         window.alert("You clicked on collab button")