Merge pull request #103 from ayushsatyam146/pagination-update

Removing pagination when not needed as mentioned in issue #96

Author: kaybhutani

src/components/Pagination.js

@@ -31,54 +31,56 @@ const Pagination = (props) => {
   }, [storyCount])
 
   return (
-    <div className='pagination'>
-      <span
-        className={`btn btn-pagination ${
-          currNumber <= 1 ? 'btn-pagination-disabled' : ''
-        }`}
-        onClick={() => {
-          if (pages.find((page) => page === currNumber - 1)) {
-            setCurrNumber((currNumber) => currNumber - 1)
-            getPage(currNumber - 1)
-          }
-        }}
-      >
-        <EOS_KEYBOARD_ARROW_LEFT className='eos-icons eos-18' />
-        {`Prev`}
-      </span>
-      <div className='btn btn-pagination'>
-        {pages
-          ? pages.map((ele, key) => {
-              return (
-                <span
-                  className={`number ${currNumber === ele ? 'selected' : ''}`}
-                  onClick={() => {
-                    setCurrNumber(ele)
-                    getPage(ele)
-                  }}
-                  key={key}
-                >
-                  {ele}
-                </span>
-              )
-            })
-          : ''}
+    storyCount > 5 && (
+      <div className='pagination'>
+        <span
+          className={`btn btn-pagination ${
+            currNumber <= 1 ? 'btn-pagination-disabled' : ''
+          }`}
+          onClick={() => {
+            if (pages.find((page) => page === currNumber - 1)) {
+              setCurrNumber((currNumber) => currNumber - 1)
+              getPage(currNumber - 1)
+            }
+          }}
+        >
+          <EOS_KEYBOARD_ARROW_LEFT className='eos-icons eos-18' />
+          {`Prev`}
+        </span>
+        <div className='btn btn-pagination'>
+          {pages
+            ? pages.map((ele, key) => {
+                return (
+                  <span
+                    className={`number ${currNumber === ele ? 'selected' : ''}`}
+                    onClick={() => {
+                      setCurrNumber(ele)
+                      getPage(ele)
+                    }}
+                    key={key}
+                  >
+                    {ele}
+                  </span>
+                )
+              })
+            : ''}
+        </div>
+        <span
+          className={`btn btn-pagination ${
+            currNumber >= pages?.length ? 'btn-pagination-disabled' : ''
+          }`}
+          onClick={() => {
+            if (pages.find((page) => page === currNumber + 1)) {
+              setCurrNumber((currNumber) => currNumber + 1)
+              getPage(currNumber + 1)
+            }
+          }}
+        >
+          {`Next`}
+          <EOS_KEYBOARD_ARROW_RIGHT className='eos-icons eos-18' />
+        </span>
       </div>
-      <span
-        className={`btn btn-pagination ${
-          currNumber >= pages?.length ? 'btn-pagination-disabled' : ''
-        }`}
-        onClick={() => {
-          if (pages.find((page) => page === currNumber + 1)) {
-            setCurrNumber((currNumber) => currNumber + 1)
-            getPage(currNumber + 1)
-          }
-        }}
-      >
-        {`Next`}
-        <EOS_KEYBOARD_ARROW_RIGHT className='eos-icons eos-18' />
-      </span>
-    </div>
+    )
   )
 }