fix: settle post processing toasts

Author: bigint

src/hooks/useCreatePost.tsx

@@ -38,6 +38,9 @@ const useCreatePost = ({
       });
 
       if (!data?.post) {
+        toast.error("Post is still processing. Please refresh in a moment.", {
+          id: toastId
+        });
         return;
       }
 
@@ -61,10 +64,13 @@ const useCreatePost = ({
 
   const onCompletedWithTransaction = useCallback(
     (hash: string) => {
-      const toastId = toast.loading(
-        `${isComment ? "Comment" : "Post"} processing...`
-      );
-      waitForTransactionToComplete(hash).then(() => updateCache(hash, toastId));
+      const type = isComment ? "Comment" : "Post";
+      const toastId = toast.loading(`${type} processing...`);
+      waitForTransactionToComplete(hash)
+        .then(() => updateCache(hash, toastId))
+        .catch(() => {
+          toast.error(`${type} processing failed`, { id: toastId });
+        });
       return onCompleted();
     },
     [waitForTransactionToComplete, updateCache, onCompleted, isComment]

src/hooks/useEditPost.tsx

@@ -31,6 +31,9 @@ const useEditPost = ({ onCompleted, onError }: EditPostProps) => {
       });
 
       if (!data?.post) {
+        toast.error("Post is still processing. Please refresh in a moment.", {
+          id: toastId
+        });
         return;
       }
 
@@ -48,7 +51,11 @@ const useEditPost = ({ onCompleted, onError }: EditPostProps) => {
   const onCompletedWithTransaction = useCallback(
     (hash: string) => {
       const toastId = toast.loading("Editing post...");
-      waitForTransactionToComplete(hash).then(() => updateCache(toastId));
+      waitForTransactionToComplete(hash)
+        .then(() => updateCache(toastId))
+        .catch(() => {
+          toast.error("Post editing failed", { id: toastId });
+        });
       return onCompleted();
     },
     [waitForTransactionToComplete, updateCache, onCompleted]