fix disable skeleton if state is failed

src/components/views/Board.jsx

@@ -538,10 +538,11 @@ const Board = () => {
         <Tooltip id="tooltip" className="tooltip" />
         <BoardForm selectedStyle={selectedStyle}>
           <div className="board">
-            {feed.length < 1 ? (
+            {subplebbit?.state === "failed" ? (
-              <PostLoader />
+              null
             ) : (
-              <Virtuoso
+              feed.length > 1 ? (
+                <Virtuoso
                 increaseViewportBy={2000}
                 data={selectedFeed}
                 itemContent={(index, thread) => {
@@ -1172,7 +1173,8 @@ const Board = () => {
                 endReached={tryLoadMore}
                 useWindowScroll={true}
                 components={{ Footer: hasMore ? () => <PostLoader /> : null }}
-              />
+                />
+              ) : (<PostLoader />)
             )}
           </div>
         </BoardForm>

src/components/views/Catalog.jsx

@@ -452,9 +452,10 @@ const Catalog = () => {
         </TopBar>
         <Tooltip id="tooltip" className="tooltip" />
         <Threads selectedStyle={selectedStyle}>
-          {feed.length < 1 ? (
+          {subplebbit?.state === "failed" ? (
-            <CatalogLoader />
+            null
           ) : (
+            feed.length > 1 ? (
             <InfiniteScroll
               pageStart={0}
               loadMore={tryLoadMore}
@@ -517,7 +518,8 @@ const Catalog = () => {
                   </Link>
                 )})}
             </InfiniteScroll>
-          )}
+          ) : (<CatalogLoader />)
+        )}
         </Threads>
         <Footer selectedStyle={selectedStyle}>
           <Break id="break" selectedStyle={selectedStyle} style={{