fix toasts

This commit is contained in:
plebeius.eth
2023-06-08 21:11:28 +02:00
parent 9198612156
commit 90693c6f75
9 changed files with 37 additions and 35 deletions
+5 -4
View File
@@ -26,7 +26,7 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
const [reason, setReason] = useState(''); const [reason, setReason] = useState('');
const [triggerPublishCommentEdit, setTriggerPublishCommentEdit] = useState(false); const [triggerPublishCommentEdit, setTriggerPublishCommentEdit] = useState(false);
const setErrorMessage = useError(); const [errorMessage, setErrorMessage] = useError();
const setSuccessMessage = useSuccess(); const setSuccessMessage = useSuccess();
@@ -120,11 +120,12 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions); const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions);
useEffect(() => { useEffect(() => {
if (error) { if (error && error !== errorMessage) {
setErrorMessage(error); setErrorMessage(error);
} }
}, [error, setErrorMessage]); }, [error, setErrorMessage, errorMessage]);
useEffect(() => { useEffect(() => {
+4 -4
View File
@@ -46,7 +46,7 @@ const All = () => {
const account = useAccount(); const account = useAccount();
const navigate = useNavigate(); const navigate = useNavigate();
const setErrorMessage = useError(); const [errorMessage, setErrorMessage] = useError();
const threadMenuRefs = useRef({}); const threadMenuRefs = useRef({});
const replyMenuRefs = useRef({}); const replyMenuRefs = useRef({});
@@ -85,10 +85,10 @@ const All = () => {
}, [subplebbits]) }, [subplebbits])
useEffect(() => { useEffect(() => {
if (errorString) { if (errorString && errorString !== errorMessage) {
setErrorMessage(errorString) setErrorMessage(errorString);
} }
}, [errorString, setErrorMessage]) }, [errorString, setErrorMessage, errorMessage]);
useEffect(() => { useEffect(() => {
+6 -6
View File
@@ -69,7 +69,7 @@ const Board = () => {
const navigate = useNavigate(); const navigate = useNavigate();
const { subplebbitAddress } = useParams(); const { subplebbitAddress } = useParams();
const setErrorMessage = useError(); const [errorMessage, setErrorMessage] = useError();
const setSuccessMessage = useSuccess(); const setSuccessMessage = useSuccess();
const nameRef = useRef(); const nameRef = useRef();
@@ -157,10 +157,10 @@ const Board = () => {
useEffect(() => { useEffect(() => {
if (errorString) { if (errorString && errorString !== errorMessage) {
setErrorMessage(errorString); setErrorMessage(errorString);
} }
}, [errorString, setErrorMessage]); }, [errorString, setErrorMessage, errorMessage]);
const flattenedRepliesByThread = useMemo(() => { const flattenedRepliesByThread = useMemo(() => {
@@ -411,10 +411,10 @@ const Board = () => {
const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions); const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions);
useEffect(() => { useEffect(() => {
if (error) { if (error && error !== errorMessage) {
setErrorMessage(error); setErrorMessage(error);
} }
}, [error, setErrorMessage]); }, [error, setErrorMessage, errorMessage]);
const handleAuthorDeleteClick = (commentCid) => { const handleAuthorDeleteClick = (commentCid) => {
+6 -6
View File
@@ -60,7 +60,7 @@ const Catalog = () => {
const navigate = useNavigate(); const navigate = useNavigate();
const setErrorMessage = useError(); const [errorMessage, setErrorMessage] = useError();
const setSuccessMessage = useSuccess(); const setSuccessMessage = useSuccess();
const [triggerPublishComment, setTriggerPublishComment] = useState(false); const [triggerPublishComment, setTriggerPublishComment] = useState(false);
@@ -140,10 +140,10 @@ const Catalog = () => {
useEffect(() => { useEffect(() => {
if (errorString) { if (errorString && errorString !== errorMessage) {
setErrorMessage(errorString); setErrorMessage(errorString);
} }
}, [errorString, setErrorMessage]); }, [errorString, setErrorMessage, errorMessage]);
const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress}); const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress});
@@ -336,10 +336,10 @@ const Catalog = () => {
const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions); const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions);
useEffect(() => { useEffect(() => {
if (error) { if (error && error !== errorMessage) {
setErrorMessage(error); setErrorMessage(error);
} }
}, [error, setErrorMessage]); }, [error, setErrorMessage, errorMessage]);
const handleAuthorDeleteClick = (commentCid) => { const handleAuthorDeleteClick = (commentCid) => {
+3 -3
View File
@@ -34,7 +34,7 @@ const Pending = () => {
const account = useAccount(); const account = useAccount();
const comment = useAccountComment({commentIndex: index}); const comment = useAccountComment({commentIndex: index});
const setErrorMessage = useError(); const [errorMessage, setErrorMessage] = useError();
useEffect(() => { useEffect(() => {
setSelectedAddress(comment?.subplebbitAddress); setSelectedAddress(comment?.subplebbitAddress);
@@ -53,10 +53,10 @@ const Pending = () => {
}, [comment?.state, comment?.error, index]) }, [comment?.state, comment?.error, index])
useEffect(() => { useEffect(() => {
if (errorString) { if (errorString && errorString !== errorMessage) {
setErrorMessage(errorString); setErrorMessage(errorString);
} }
}, [errorString, setErrorMessage]); }, [errorString, setErrorMessage, errorMessage]);
const [visible] = useState(true); const [visible] = useState(true);
+4 -4
View File
@@ -47,7 +47,7 @@ const Subscriptions = () => {
const account = useAccount(); const account = useAccount();
const navigate = useNavigate(); const navigate = useNavigate();
const setErrorMessage = useError(); const [errorMessage, setErrorMessage] = useError();
const threadMenuRefs = useRef({}); const threadMenuRefs = useRef({});
const replyMenuRefs = useRef({}); const replyMenuRefs = useRef({});
@@ -84,10 +84,10 @@ const Subscriptions = () => {
}, [subplebbits]) }, [subplebbits])
useEffect(() => { useEffect(() => {
if (errorString) { if (errorString && errorString !== errorMessage) {
setErrorMessage(errorString) setErrorMessage(errorString);
} }
}, [errorString, setErrorMessage]) }, [errorString, setErrorMessage, errorMessage]);
useEffect(() => { useEffect(() => {
+7 -6
View File
@@ -68,7 +68,7 @@ const Thread = () => {
const navigate = useNavigate(); const navigate = useNavigate();
const handleClickForm = useClickForm(); const handleClickForm = useClickForm();
const setErrorMessage = useError(); const [errorMessage, setErrorMessage] = useError();
const setSuccessMessage = useSuccess(); const setSuccessMessage = useSuccess();
const nameRef = useRef(); const nameRef = useRef();
@@ -171,10 +171,10 @@ const Thread = () => {
useEffect(() => { useEffect(() => {
if (errorString) { if (errorString && errorString !== errorMessage) {
setErrorMessage(errorString); setErrorMessage(errorString);
} }
}, [errorString, setErrorMessage]); }, [errorString, setErrorMessage, errorMessage]);
const flattenedReplies = useMemo(() => const flattenedReplies = useMemo(() =>
@@ -384,10 +384,11 @@ const Thread = () => {
const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions); const {error, publishCommentEdit } = usePublishCommentEdit(publishCommentEditOptions);
useEffect(() => { useEffect(() => {
if (error) { if (error && error !== errorMessage) {
setErrorMessage(error); setErrorMessage(error);
} }
}, [error, setErrorMessage]); }, [error, setErrorMessage, errorMessage]);
const handleAuthorDeleteClick = (commentCid) => { const handleAuthorDeleteClick = (commentCid) => {
+1 -1
View File
@@ -37,7 +37,7 @@ const useError = () => {
setRenderCount(prevCount => prevCount + 1); setRenderCount(prevCount => prevCount + 1);
}; };
return setNewErrorMessage; return [errorMessage, setNewErrorMessage];
}; };
export default useError; export default useError;
+1 -1
View File
@@ -37,7 +37,7 @@ const useSuccess = () => {
setRenderCount(prevCount => prevCount + 1); setRenderCount(prevCount => prevCount + 1);
}; };
return setNewSuccessMessage; return [successMessage, setNewSuccessMessage];
}; };
export default useSuccess; export default useSuccess;