From ee23e461c1c8b200241706f926dec6bf2b278227 Mon Sep 17 00:00:00 2001
From: Ezerous <ezerous@gmail.com>
Date: Sun, 28 Feb 2021 14:46:07 +0200
Subject: [PATCH] fix: remove unnecessary pagination

---
 .../src/components/PostList/index.jsx         | 27 +++++++++++++------
 .../src/components/TopicList/index.jsx        | 11 ++++++--
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/packages/concordia-app/src/components/PostList/index.jsx b/packages/concordia-app/src/components/PostList/index.jsx
index fdb73be..ab18b80 100644
--- a/packages/concordia-app/src/components/PostList/index.jsx
+++ b/packages/concordia-app/src/components/PostList/index.jsx
@@ -52,10 +52,24 @@ const PostList = (props) => {
       });
   }, [focusOnPost, getPostCallHashes, loading, pageNumber, postIds]);
 
-  const handlePageChange = (event, data) => {
-    setPageNumber(data.activePage);
-    onPageChange(event, data);
-  };
+  const footer = useMemo(() => {
+    const handlePageChange = (event, data) => {
+      setPageNumber(data.activePage);
+      onPageChange(event, data);
+    };
+
+    if (numberOfItems <= ITEMS_PER_PAGE) {
+      return null;
+    }
+    return (
+        <>
+            <Divider />
+            <div id="post-list-pagination">
+                <PaginationComponent onPageChange={handlePageChange} numberOfItems={numberOfItems} />
+            </div>
+        </>
+    );
+  }, [numberOfItems, onPageChange]);
 
   return (
       <>
@@ -63,10 +77,7 @@ const PostList = (props) => {
               <Loader active={loading} />
               {posts}
           </Dimmer.Dimmable>
-          <Divider />
-          <div id="post-list-pagination">
-              <PaginationComponent onPageChange={handlePageChange} numberOfItems={numberOfItems} />
-          </div>
+          {footer}
       </>
   );
 };
diff --git a/packages/concordia-app/src/components/TopicList/index.jsx b/packages/concordia-app/src/components/TopicList/index.jsx
index 7cb9912..0f7d036 100644
--- a/packages/concordia-app/src/components/TopicList/index.jsx
+++ b/packages/concordia-app/src/components/TopicList/index.jsx
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { List } from 'semantic-ui-react';
 import { FORUM_CONTRACT } from 'concordia-shared/src/constants/contracts/ContractNames';
 import TopicListRow from './TopicListRow';
-import PaginationComponent from '../PaginationComponent';
+import PaginationComponent, { ITEMS_PER_PAGE } from '../PaginationComponent';
 import { drizzle } from '../../redux/store';
 import './styles.css';
 
@@ -39,12 +39,19 @@ const TopicList = (props) => {
       );
     }), [getTopicCallHashes, topicIds]);
 
+  const pagination = useMemo(() => {
+    if (numberOfItems <= ITEMS_PER_PAGE) {
+      return null;
+    }
+    return (<PaginationComponent onPageChange={onPageChange} numberOfItems={numberOfItems} />);
+  }, [numberOfItems, onPageChange]);
+
   return (
       <div>
           <List id="topic-list" size="big">
               {topics}
           </List>
-          <PaginationComponent onPageChange={onPageChange} numberOfItems={numberOfItems} />
+          {pagination}
       </div>
   );
 };