Revert "refactor toasts"

This reverts commit db2e273ea6.

src/components/modals/ModerationModal.jsx

@@ -26,8 +26,10 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
   const [reason, setReason] = useState('');
   const [triggerPublishCommentEdit, setTriggerPublishCommentEdit] = useState(false);
 
-  const setErrorMessage = useError();
-  const setSuccessMessage = useSuccess();
+  const [errorMessage, setErrorMessage] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
+  useError(errorMessage, [errorMessage]);
+  useSuccess(successMessage, [successMessage]);
 
 
   useEffect(() => {
@@ -124,7 +126,7 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
     if (error) {
       setErrorMessage(error);
     }
-  }, [error, setErrorMessage]);
+  }, [error]);
 
   
   useEffect(() => {
@@ -138,16 +140,11 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
   useEffect(() => {
     if (publishCommentEditOptions && triggerPublishCommentEdit) {
       (async () => {
-        try {
-          await publishCommentEdit();
-        } catch (error) {
-          setErrorMessage(error);
-        } finally {
-          setTriggerPublishCommentEdit(false);
-        }
+        await publishCommentEdit();
+        setTriggerPublishCommentEdit(false);
       })();
     }
-  }, [publishCommentEditOptions, triggerPublishCommentEdit, publishCommentEdit, setErrorMessage]);
+  }, [publishCommentEditOptions, triggerPublishCommentEdit, publishCommentEdit]);
 
 
 

src/components/modals/ReplyModal.jsx

@@ -22,18 +22,19 @@ const ReplyModal = ({ isOpen, closeModal }) => {
   } = useGeneralStore(state => state);
 
   const account = useAccount();
-
-  const setErrorMessage = useError();
   
   const nodeRef = useRef(null);
   const nameRef = useRef();
   const commentRef = useRef();
   const linkRef = useRef();
 
+  const [errorMessage, setErrorMessage] = useState(null);
   const [triggerPublishComment, setTriggerPublishComment] = useState(false);
   const [selectedText, setSelectedText] = useState('');
   const [isMobile, setIsMobile] = useState(window.innerWidth <= 480);
   
+  useError(errorMessage, [errorMessage]);
+
 
   useEffect(() => {
     const handleResize = () => setIsMobile(window.innerWidth <= 480);

src/components/modals/SettingsModal.jsx

@@ -20,8 +20,10 @@ const SettingsModal = ({ isOpen, closeModal }) => {
   const [expanded, setExpanded] = useState([]);
   const [accountJson, setAccountJson] = useState(null);
 
-  const setErrorMessage = useError();
-  const setSuccessMessage = useSuccess();
+  const [errorMessage, setErrorMessage] = useState(null);
+  const [successMessage, setSuccessMessage] = useState(null);
+  useError(errorMessage, [errorMessage]);
+  useSuccess(successMessage, [successMessage]);
 
   const account = useAccount();
   const { accounts } = useAccounts();
@@ -147,7 +149,7 @@ const SettingsModal = ({ isOpen, closeModal }) => {
       setSuccessMessage("Cache Cleared");
       localStorage.removeItem("cacheCleared");
     }
-  }, [setSuccessMessage]);
+  }, []);
 
 
   const handleExport = async () => {