From 419219c7030824abf57de1b86f7c43537a65493a Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 5 Oct 2022 09:16:05 -0400
Subject: [PATCH] Warn whenever rich text editor has unsaved changes

---
 web/components/editor.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/web/components/editor.tsx b/web/components/editor.tsx
index 27e8ac45..5b075039 100644
--- a/web/components/editor.tsx
+++ b/web/components/editor.tsx
@@ -42,6 +42,7 @@ import ItalicIcon from 'web/lib/icons/italic-icon'
 import LinkIcon from 'web/lib/icons/link-icon'
 import { getUrl } from 'common/util/parse'
 import { TiptapSpoiler } from 'common/util/tiptap-spoiler'
+import { useWarnUnsavedChanges } from 'web/hooks/use-warn-unsaved-changes'
 
 const DisplayImage = Image.configure({
   HTMLAttributes: {
@@ -150,6 +151,9 @@ export function useTextEditor(props: {
     editor?.setEditable(!disabled)
   }, [editor, disabled])
 
+  const isEditorFilled = editor != null && !editor.isEmpty
+  useWarnUnsavedChanges(isEditorFilled)
+
   return { editor, upload }
 }