Merge pull request #100 from plebbit/development

Development

package.json

@@ -1,6 +1,6 @@
 {
   "name": "plebchan",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "private": true,
   "dependencies": {
     "@babel/core": "7.21.3",

src/App.js

@@ -40,8 +40,8 @@ export default function App() {
 
   const account = useAccount();
 
-  const setErrorMessage = useError();
-  const setSuccessMessage = useSuccess();
+  const [, setErrorMessage] = useError();
+  const [, setSuccessMessage] = useSuccess();
 
 
   useEffect(() => {

src/components/modals/ModerationModal.jsx

@@ -27,7 +27,7 @@ const ModerationModal = ({ isOpen, closeModal, deletePost }) => {
   const [triggerPublishCommentEdit, setTriggerPublishCommentEdit] = useState(false);
 
   const [errorMessage, setErrorMessage] = useError();
-  const setSuccessMessage = useSuccess();
+  const [, setSuccessMessage] = useSuccess();
 
 
   useEffect(() => {

src/components/modals/ReplyModal.jsx

@@ -23,7 +23,7 @@ const ReplyModal = ({ isOpen, closeModal }) => {
 
   const account = useAccount();
 
-  const setErrorMessage = useError();
+  const [, setErrorMessage] = useError();
   
   const nodeRef = useRef(null);
   const nameRef = useRef();

src/components/modals/SettingsModal.jsx

@@ -21,7 +21,7 @@ const SettingsModal = ({ isOpen, closeModal }) => {
   const [accountJson, setAccountJson] = useState(null);
 
   const setErrorMessage = useError();
-  const setSuccessMessage = useSuccess();
+  const [, setSuccessMessage] = useSuccess();
 
   const account = useAccount();
   const { accounts } = useAccounts();

src/components/views/All.jsx

@@ -328,9 +328,7 @@ const All = () => {
         <Tooltip id="tooltip" className="tooltip" />
         <BoardForm selectedStyle={selectedStyle}>
           <div className="board">
-            { feed.length < 1 ? (
-              null
-            ) : (
+            {feed.length > 0 ? (
               <Virtuoso
                 increaseViewportBy={2000}
                 data={selectedFeed}
@@ -1245,6 +1243,8 @@ const All = () => {
                 useWindowScroll={true}
                 components={{ Footer: hasMore ? () => <PostLoader /> : null }}
               />
+            ) : (
+              <PostLoader />
             )}
           </div>
           {createPortal(

src/components/views/AllCatalog.jsx

@@ -9,6 +9,7 @@ import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Container, NavBar, Header, Break} from '../styled/views/Board.styled';
 import { Threads } from '../styled/views/Catalog.styled';
 import { TopBar, Footer } from '../styled/views/Thread.styled';
+import CatalogLoader from '../CatalogLoader';
 import ImageBanner from '../ImageBanner';
 import OfflineIndicator from '../OfflineIndicator';
 import SettingsModal from '../modals/SettingsModal';
@@ -207,9 +208,7 @@ const AllCatalog = () => {
         </TopBar>
         <Tooltip id="tooltip" className="tooltip" />
         <Threads selectedStyle={selectedStyle}>
-          { feed.length < 1 ? (
-            null
-          ) : (
+          {feed.length > 0 ? (
             <InfiniteScroll
               pageStart={0}
               loadMore={tryLoadMore}
@@ -289,6 +288,8 @@ const AllCatalog = () => {
                   </Link>
                 )})}
             </InfiniteScroll>
+          ) : (
+            <CatalogLoader />
           )}
         </Threads>
         <Footer selectedStyle={selectedStyle}>

src/components/views/Board.jsx

@@ -70,7 +70,7 @@ const Board = () => {
   const { subplebbitAddress } = useParams();
   
   const [errorMessage, setErrorMessage] = useError();
-  const setSuccessMessage = useSuccess();
+  const [, setSuccessMessage] = useSuccess();
 
   const nameRef = useRef();
   const subjectRef = useRef();

src/components/views/Catalog.jsx

@@ -61,7 +61,7 @@ const Catalog = () => {
   const navigate = useNavigate();
   
   const [errorMessage, setErrorMessage] = useError();
-  const setSuccessMessage = useSuccess();
+  const [, setSuccessMessage] = useSuccess();
   
   const [triggerPublishComment, setTriggerPublishComment] = useState(false);
   const [prevScrollPos, setPrevScrollPos] = useState(0);

src/components/views/Thread.jsx

@@ -69,7 +69,7 @@ const Thread = () => {
   const handleClickForm = useClickForm();
 
   const [errorMessage, setErrorMessage] = useError();
-  const setSuccessMessage = useSuccess();
+  const [, setSuccessMessage] = useSuccess();
 
   const nameRef = useRef();
   const commentRef = useRef();