fix toasts

src/components/ReplyModal.jsx

@@ -33,19 +33,17 @@ const ReplyModal = ({ isOpen, closeModal }) => {
   const onChallengeVerificationRef = useRef();
 
   const [errorMessage, setErrorMessage] = useState(null);
-  const [successMessage, setSuccessMessage] = useState(null);
+  const [successMessage] = useState(null);
   useError(errorMessage, [errorMessage]);
   useSuccess(successMessage, [successMessage]);
 
 
   const onChallengeVerification = (challengeVerification) => {
     if (challengeVerification.challengeSuccess === true) {
-      setSuccessMessage('challenge success', {publishedCid: challengeVerification.publication?.cid});
+      localStorage.setItem("toastMessage", "Challenge Success");
-      navigate(`/p/${selectedAddress}/c/${selectedThread}`);
     }
     else if (challengeVerification.challengeSuccess === false) {
       setErrorMessage('challenge failed', {reason: challengeVerification.reason, errors: challengeVerification.errors});
-      setErrorMessage("Error: You seem to have mistyped the CAPTCHA. Please try again.");
     }
   };
 
@@ -81,8 +79,8 @@ const ReplyModal = ({ isOpen, closeModal }) => {
 
   useEffect(() => {
     if (index !== undefined) {
-      navigate(`/profile/c/${index}`);
+      navigate(`/p/${selectedAddress}/c/${selectedThread}`)
-      setSuccessMessage('Comment pending with index ' + index + '.');
+      localStorage.setItem("toastMessage", `Comment pending with index ${index}.`);
     }
   }, [index]);
   

src/components/SettingsModal.jsx

@@ -145,9 +145,9 @@ const SettingsModal = ({ isOpen, closeModal }) => {
   }, []);
 
   useEffect(() => {
-    const successMessageFromStorage = localStorage.getItem("toastMessage");
+    const toastFromStorage = localStorage.getItem("toastMessage");
-    if (successMessageFromStorage) {
+    if (toastFromStorage) {
-      setSuccessMessage(successMessageFromStorage);
+      setSuccessMessage(toastFromStorage);
       localStorage.removeItem("toastMessage");
     }
   }, []);

src/components/views/Board.jsx

@@ -54,7 +54,7 @@ const Board = () => {
   const { subplebbitAddress } = useParams();
 
   const [errorMessage, setErrorMessage] = useState(null);
-  const [successMessage, setSuccessMessage] = useState(null);
+  const [successMessage] = useState(null);
   useError(errorMessage, [errorMessage]);
   useSuccess(successMessage, [successMessage]);
 
@@ -97,13 +97,11 @@ const Board = () => {
 
   const onChallengeVerification = (challengeVerification) => {
     if (challengeVerification.challengeSuccess === true) {
-      setSuccessMessage('Challenge success.', {publishedCid: challengeVerification.publication?.cid});
+      localStorage.setItem("toastMessage", "Challenge Success");
       navigate(`/p/${selectedAddress}/c/${challengeVerification.publication?.cid}`);
     }
     else if (challengeVerification.challengeSuccess === false) {
-      setErrorMessage('Challenge failed.', {reason: challengeVerification.reason, errors: challengeVerification.errors});
+      setErrorMessage('Challenge Failed', {reason: challengeVerification.reason, errors: challengeVerification.errors});
-      console.log("challenge failed", challengeVerification.reason, challengeVerification.errors)
-      setErrorMessage("Error: You seem to have mistyped the CAPTCHA. Please try again.");
     }
   };
 
@@ -139,7 +137,7 @@ const Board = () => {
   useEffect(() => {
     if (index !== undefined) {
       navigate(`/profile/c/${index}`);
-      setSuccessMessage('Comment pending with index ' + index + '.');
+      localStorage.setItem("toastMessage", `Comment pending with index ${index}.`);
     }
   }, [index]);
 

src/components/views/Catalog.jsx

@@ -45,7 +45,7 @@ const Catalog = () => {
   const { subplebbitAddress } = useParams();
 
   const [errorMessage, setErrorMessage] = useState(null);
-  const [successMessage, setSuccessMessage] = useState(null);
+  const [successMessage] = useState(null);
   useError(errorMessage, [errorMessage]);
   useSuccess(successMessage, [successMessage]);
 
@@ -81,14 +81,11 @@ const Catalog = () => {
 
   const onChallengeVerification = (challengeVerification) => {
     if (challengeVerification.challengeSuccess === true) {
-      setSuccessMessage('Challenge success.', {publishedCid: challengeVerification.publication?.cid});
+      localStorage.setItem("toastMessage", "Challenge Success");
-      console.log("challenge success", challengeVerification.publication?.cid, challengeVerification)
       navigate(`/p/${selectedAddress}/c/${challengeVerification.publication?.cid}`);
     }
     else if (challengeVerification.challengeSuccess === false) {
-      setErrorMessage('Challenge failed.', {reason: challengeVerification.reason, errors: challengeVerification.errors});
+      setErrorMessage('Challenge Failed', {reason: challengeVerification.reason, errors: challengeVerification.errors});
-      console.log("challenge failed", challengeVerification.reason, challengeVerification.errors)
-      setErrorMessage("Error: You seem to have mistyped the CAPTCHA. Please try again.");
     }
   };
 
@@ -124,7 +121,7 @@ const Catalog = () => {
   useEffect(() => {
     if (index !== undefined) {
       navigate(`/profile/c/${index}`);
-      setSuccessMessage('Comment pending with index ' + index + '.');
+      localStorage.setItem("toastMessage", `Comment pending with index ${index}.`);
     }
   }, [index]);
 

src/components/views/Pending.jsx

@@ -34,7 +34,7 @@ const Pending = () => {
   
   const [visible] = useState(true);
   const [errorMessage] = useState(null);
-  const [successMessage] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
   useError(errorMessage, [errorMessage]);
   useSuccess(successMessage, [successMessage]);
   const navigate = useNavigate();
@@ -58,6 +58,16 @@ const Pending = () => {
     }
   }, [comment]);
 
+  useEffect(() => {
+    const toastFromStorage = localStorage.getItem("toastMessage");
+    if (toastFromStorage) {
+      setSuccessMessage(toastFromStorage);
+      localStorage.removeItem("toastMessage");
+    } else {
+      return;
+    }
+  }, []);
+  
 
   return (
     <Container>

src/components/views/Thread.jsx

@@ -94,7 +94,6 @@ const Thread = () => {
     }
     else if (challengeVerification.challengeSuccess === false) {
       setErrorMessage('challenge failed', {reason: challengeVerification.reason, errors: challengeVerification.errors});
-      setErrorMessage("Error: You seem to have mistyped the CAPTCHA. Please try again.");
     }
   };