fix: force sync when exiting the note editor

cozy · Sep 8, 2022 · cf93575 · cf93575
1 parent 4a77a0b
commit cf93575
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -8,7 +8,7 @@
 
 * Note folder path in HeaderNotePath
 * UseFileWithPath can handle file without name prop
-* Force sync when clicking on back button, in the note editor
+* Force sync when exiting the note editor
 
 # 1.21.0
 ## ✨ Features

diff --git a/src/components/notes/editor.jsx b/src/components/notes/editor.jsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types'
 
 import { useClient } from 'cozy-client'
 import { SharingBannerPlugin } from 'cozy-sharing'
+import { useWindowEventListener } from 'rooks/dist/esm/hooks/useWindowEventListener'
 
 import EditorView from 'components/notes/editor-view'
 import EditorCorner from 'components/notes/EditorCorner'
@@ -67,8 +68,15 @@ export default function Editor(props) {
     doc,
     collabProvider
   })
-  // when leaving the component or changing doc
+
+  // when leaving the component
+  useWindowEventListener('beforeunload', () => {
+    forceSync()
+  })
+
+  // when changing doc
   useEffect(() => forceSync, [noteId, doc, forceSync])
+
   // when quitting the webpage
   const activate = useCallback(() => collabProvider.isDirty(), [collabProvider])
   const { exitConfirmationModal, requestToLeave } = useConfirmExit({