refactor toasts

src/components/views/Catalog.jsx

@@ -60,10 +60,8 @@ const Catalog = () => {
 
   const navigate = useNavigate();
   
-  const [errorMessage, setErrorMessage] = useState(null);
-  const [successMessage, setSuccessMessage] = useState(null);
-  useError(errorMessage, [errorMessage]);
-  useSuccess(successMessage, [successMessage]);
+  const setErrorMessage = useError();
+  const setSuccessMessage = useSuccess();
   
   const [triggerPublishComment, setTriggerPublishComment] = useState(false);
   const [prevScrollPos, setPrevScrollPos] = useState(0);
@@ -145,7 +143,7 @@ const Catalog = () => {
     if (errorString) {
       setErrorMessage(errorString);
     }
-  }, [errorString]);
+  }, [errorString, setErrorMessage]);
 
   
   const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress});
@@ -280,11 +278,17 @@ const Catalog = () => {
   useEffect(() => {
     if (publishCommentOptions && triggerPublishComment) {
       (async () => {
-        await publishComment();
-        resetFields();
+        try {
+          await publishComment();
+          resetFields();
+        } catch (error) {
+          setErrorMessage(error);
+        } finally {
+          setTriggerPublishComment(false);
+        }
       })();
     }
-  }, [publishCommentOptions, triggerPublishComment, publishComment, resetFields]);
+  }, [publishCommentOptions, triggerPublishComment, publishComment, resetFields, setErrorMessage]);
   
   
   const getChallengeAnswersFromUser = async (challenges) => {
@@ -340,7 +344,7 @@ const Catalog = () => {
     if (error) {
       setErrorMessage(error);
     }
-  }, [error]);
+  }, [error, setErrorMessage]);
 
 
   const handleAuthorDeleteClick = (commentCid) => {