From eae9e08a494fc01dd3fb6f78bbbf46be824f650c Mon Sep 17 00:00:00 2001
From: Tom <mottoes_recap0u@icloud.com>
Date: Sun, 7 May 2023 17:13:19 +0200
Subject: [PATCH] add error toasts from hooks

---
 src/components/views/Board.jsx   |  7 +++++++
 src/components/views/Catalog.jsx |  7 +++++++
 src/components/views/Pending.jsx | 12 ++++++++++--
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 83d4aff2..4dc9a91c 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -66,6 +66,13 @@ const Board = () => {
   const { subplebbitAddress } = useParams();
   const subplebbit = useSubplebbit({subplebbitAddress: selectedAddress});
 
+  useEffect(() => {
+    if (subplebbit.error) {
+      const errorMessage = formatState(subplebbit.error);
+      setErrorMessage(errorMessage);
+    }
+  }, [subplebbit.error]);
+
   const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress});
 
   const [errorMessage, setErrorMessage] = useState(null);
diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx
index 4ae705f1..936c581c 100644
--- a/src/components/views/Catalog.jsx
+++ b/src/components/views/Catalog.jsx
@@ -52,6 +52,13 @@ const Catalog = () => {
   const { subplebbitAddress } = useParams();
   const subplebbit = useSubplebbit({subplebbitAddress: selectedAddress});
 
+  useEffect(() => {
+    if (subplebbit.error) {
+      const errorMessage = formatState(subplebbit.error);
+      setErrorMessage(errorMessage);
+    }
+  }, [subplebbit.error]);
+
   const { subscribed, subscribe, unsubscribe } = useSubscribe({subplebbitAddress: selectedAddress});
 
   const [errorMessage, setErrorMessage] = useState(null);
diff --git a/src/components/views/Pending.jsx b/src/components/views/Pending.jsx
index f93d079b..b9911e05 100644
--- a/src/components/views/Pending.jsx
+++ b/src/components/views/Pending.jsx
@@ -35,12 +35,20 @@ const Pending = () => {
 
   const account = useAccount();
   const comment = useAccountComment({commentIndex: index});
-  const { publishingState } = useAccountComment({commentIndex: index});
+  const { publishingState, error } = useAccountComment({commentIndex: index});
   
   const [visible] = useState(true);
-  const [errorMessage] = useState(null);
+
+  const [errorMessage, setErrorMessage] = useState(null);
   useError(errorMessage, [errorMessage]);
 
+  useEffect(() => {
+    if (error) {
+      const errorMessage = formatState(error);
+      setErrorMessage(errorMessage);
+    }
+  }, [error]);
+
   const navigate = useNavigate();
   const [commentMediaInfo, setCommentMediaInfo] = useState(null);
   const fallbackImgUrl = "assets/filedeleted-res.gif";