From 55e17df39f397a3adb19b4160c61a687e0aa937f Mon Sep 17 00:00:00 2001
From: soham2k06 <sohmmdev@gmail.com>
Date: Mon, 15 Jan 2024 13:41:24 +0530
Subject: [PATCH 1/3] fix: disabled button while saving post

---
 components/editor.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/editor.tsx b/components/editor.tsx
index a683e750..21f2bb6b 100644
--- a/components/editor.tsx
+++ b/components/editor.tsx
@@ -138,7 +138,11 @@ export function Editor({ post }: EditorProps) {
               {post.published ? "Published" : "Draft"}
             </p>
           </div>
-          <button type="submit" className={cn(buttonVariants())}>
+          <button
+            type="submit"
+            disabled={isSaving}
+            className={cn(buttonVariants())}
+          >
             {isSaving && (
               <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />
             )}

From 507ab2fef63dca79eaaf77ea911cc48b0179f67a Mon Sep 17 00:00:00 2001
From: soham2k06 <sohmmdev@gmail.com>
Date: Mon, 15 Jan 2024 13:48:19 +0530
Subject: [PATCH 2/3] fix: post can't be updated without input change

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

diff --git a/components/editor.tsx b/components/editor.tsx
index 21f2bb6b..445f25f8 100644
--- a/components/editor.tsx
+++ b/components/editor.tsx
@@ -24,7 +24,7 @@ interface EditorProps {
 type FormData = z.infer<typeof postPatchSchema>
 
 export function Editor({ post }: EditorProps) {
-  const { register, handleSubmit } = useForm<FormData>({
+  const { register, handleSubmit, formState } = useForm<FormData>({
     resolver: zodResolver(postPatchSchema),
   })
   const ref = React.useRef<EditorJS>()
@@ -84,6 +84,8 @@ export function Editor({ post }: EditorProps) {
   }, [isMounted, initializeEditor])
 
   async function onSubmit(data: FormData) {
+    if (!formState.isDirty) return
+
     setIsSaving(true)
 
     const blocks = await ref.current?.save()
@@ -140,7 +142,7 @@ export function Editor({ post }: EditorProps) {
           </div>
           <button
             type="submit"
-            disabled={isSaving}
+            disabled={isSaving || !formState.isDirty}
             className={cn(buttonVariants())}
           >
             {isSaving && (

From aab1560d7f0aeb33d248f2d6ed5c1b400ea1fbea Mon Sep 17 00:00:00 2001
From: soham2k06 <sohmmdev@gmail.com>
Date: Mon, 15 Jan 2024 14:08:47 +0530
Subject: [PATCH 3/3] redo

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

diff --git a/components/editor.tsx b/components/editor.tsx
index 445f25f8..21f2bb6b 100644
--- a/components/editor.tsx
+++ b/components/editor.tsx
@@ -24,7 +24,7 @@ interface EditorProps {
 type FormData = z.infer<typeof postPatchSchema>
 
 export function Editor({ post }: EditorProps) {
-  const { register, handleSubmit, formState } = useForm<FormData>({
+  const { register, handleSubmit } = useForm<FormData>({
     resolver: zodResolver(postPatchSchema),
   })
   const ref = React.useRef<EditorJS>()
@@ -84,8 +84,6 @@ export function Editor({ post }: EditorProps) {
   }, [isMounted, initializeEditor])
 
   async function onSubmit(data: FormData) {
-    if (!formState.isDirty) return
-
     setIsSaving(true)
 
     const blocks = await ref.current?.save()
@@ -142,7 +140,7 @@ export function Editor({ post }: EditorProps) {
           </div>
           <button
             type="submit"
-            disabled={isSaving || !formState.isDirty}
+            disabled={isSaving}
             className={cn(buttonVariants())}
           >
             {isSaving && (