From d82c8e0bf628dddbd77e19cb9c780d1b19f16673 Mon Sep 17 00:00:00 2001
From: Jordi Enric <jordi.err@gmail.com>
Date: Sun, 17 Mar 2024 23:48:56 +0100
Subject: [PATCH] Fix bug in login functionality

---
 apps/zendo/src/components/Editor/ZendoEditor.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/apps/zendo/src/components/Editor/ZendoEditor.tsx b/apps/zendo/src/components/Editor/ZendoEditor.tsx
index 5b5dbf3..08cafb6 100644
--- a/apps/zendo/src/components/Editor/ZendoEditor.tsx
+++ b/apps/zendo/src/components/Editor/ZendoEditor.tsx
@@ -168,6 +168,19 @@ export const ZendoEditor = (props: Props) => {
     });
   });
 
+  const [hasChanges, setHasChanges] = React.useState(false);
+
+  useEffect(() => {
+    const propsTagsStr = props.tags?.join(",");
+    const tagsStr = tags.join(",");
+    setHasChanges(propsTagsStr !== tagsStr);
+
+    editor?.on("transaction", (ctx) => {
+      const hasChanged = ctx.transaction.docChanged;
+      setHasChanges(hasChanged);
+    });
+  }, [editor, props.tags, tags, props.post?.content]);
+
   function onCoverImageSelect(image: string) {
     setCoverImgUrl(image);
     setValue("cover_image", image);
@@ -302,7 +315,7 @@ export const ZendoEditor = (props: Props) => {
               ></EditorSettings>
             </SheetContent>
           </Sheet>
-          <Button type="submit">
+          <Button type="submit" variant={hasChanges ? "default" : "outline"}>
             <SaveIcon size={16} />
             Save
           </Button>