From 15a5d33447bf6d566a45934f8fe647039091721b Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Wed, 22 Mar 2023 15:35:28 +0100
Subject: [PATCH] added IPFS loading indicator

---
 src/components/views/Board.jsx               | 3 +++
 src/components/views/Catalog.jsx             | 3 +++
 src/components/views/Thread.jsx              | 4 ++--
 src/components/views/styles/Board.styled.jsx | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 9ec60fac..0ecfdf5d 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -373,6 +373,9 @@ const Board = () => {
           <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
           ]
         </div>
+        <div id="stats" style={{float: "right", marginTop: "5px"}}>
+          {feed.length > 0 ? (null) : (<span>Fetching IPFS...</span>)}
+        </div>
         <div id="catalog-button-mobile">
           <span className="btn-wrap">
             <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
diff --git a/src/components/views/Catalog.jsx b/src/components/views/Catalog.jsx
index d8fbe4f5..a17e5bd9 100644
--- a/src/components/views/Catalog.jsx
+++ b/src/components/views/Catalog.jsx
@@ -321,6 +321,9 @@ const Catalog = () => {
             <Link to={`/${selectedAddress}`}>Return</Link>
           </span>
         </div>
+        <div id="stats" style={{float: "right", marginTop: "5px"}}>
+          {feed.length > 0 ? (null) : (<span>Fetching IPFS...</span>)}
+        </div>
         <hr />
       </TopBar>
       <Threads selectedStyle={selectedStyle}>
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index d359feb8..d6549deb 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -378,10 +378,10 @@ const Thread = () => {
               <span className="reply-stat">No replies yet</span>
             )
           ) : (
-            <span className="reply-stat">Loading...</span>
+            <span className="reply-stat">Fetching IPFS...</span>
           )
         ) : (
-          null
+          <span className="reply-stat">Fetching IPFS...</span>
         )}
         <hr />
       </TopBar>
diff --git a/src/components/views/styles/Board.styled.jsx b/src/components/views/styles/Board.styled.jsx
index 4e765732..04ad3771 100644
--- a/src/components/views/styles/Board.styled.jsx
+++ b/src/components/views/styles/Board.styled.jsx
@@ -1399,7 +1399,7 @@ export const TopBar = styled.div`
     }
   }
 
-${({ selectedStyle }) => {
+  ${({ selectedStyle }) => {
     switch (selectedStyle) {
       case 'Yotsuba':
         return `.btn-wrap {