fix empty editor formatting gets saved as draft

cinnyapp · Oct 17, 2023 · 320c202 · 320c202
1 parent 7ecceed
commit 320c202
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/app/organisms/room/RoomInput.tsx b/src/app/organisms/room/RoomInput.tsx
@@ -54,6 +54,9 @@ import {
   isEmptyEditor,
   getBeginCommand,
   trimCommand,
+  removeAllMark,
+  toggleBlock,
+  BlockType,
 } from '../../components/editor';
 import { EmojiBoard, EmojiBoardTab } from '../../components/emoji-board';
 import { UseStateProvider } from '../../components/UseStateProvider';
@@ -182,6 +185,12 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
     useEffect(() => {
       if (!mobileOrTablet()) ReactEditor.focus(editor);
       return () => {
+        if (isEmptyEditor(editor)) {
+          // prevent empty editor formatting from
+          // saving in draft
+          removeAllMark(editor);
+          toggleBlock(editor, BlockType.Paragraph);
+        }
         const parsedDraft = JSON.parse(JSON.stringify(editor.children));
         setMsgDraft(parsedDraft);
         resetEditor(editor);