From d03b1c9183d0713a19354b4cb4bcea651d66508e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Geonizeli?= <joao.geonizeli@gmail.com>
Date: Wed, 10 Aug 2022 17:38:02 +0000
Subject: [PATCH] hide pagination when there no result on question query

---
 .../pages/question/List/QuestionsList.tsx     | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/app/javascript/pages/question/List/QuestionsList.tsx b/app/javascript/pages/question/List/QuestionsList.tsx
index 725f36b..5f144cd 100644
--- a/app/javascript/pages/question/List/QuestionsList.tsx
+++ b/app/javascript/pages/question/List/QuestionsList.tsx
@@ -59,23 +59,25 @@ export const QuestionsList: FC<Props> = ({ questions, title, pagination }) => {
     <div className="bg-gray-200 p-4 rounded my-2">
       <div className="flex">
         <h2 className="text-gray-500 font-medium text-xl">{title}</h2>
-        <div className="ml-auto text-sm sm:text-base text-gray-700">
-          <button
-            className="p-2"
-            onClick={handleOnPreviousPageClick}
-            style={{ visibility: (pagination?.hasPreviousPage ? 'visible' : 'hidden') }}
-          >
-            <FaArrowLeft />
-          </button>
-          Página: {pageCount}
-          <button
-            className="p-2"
-            onClick={handleOnNextPageClick}
-            style={{ visibility: (pagination?.hasNextPage ? 'visible' : 'hidden') }}
-          >
-            <FaArrowRight />
-          </button>
-        </div>
+        {questions.length > 0 &&
+          <div className="ml-auto text-sm sm:text-base text-gray-700">
+            <button
+              className="p-2"
+              onClick={handleOnPreviousPageClick}
+              style={{ visibility: (pagination?.hasPreviousPage ? 'visible' : 'hidden') }}
+            >
+              <FaArrowLeft />
+            </button>
+            Página: {pageCount}
+            <button
+              className="p-2"
+              onClick={handleOnNextPageClick}
+              style={{ visibility: (pagination?.hasNextPage ? 'visible' : 'hidden') }}
+            >
+              <FaArrowRight />
+            </button>
+          </div>
+        }
       </div>
       <hr className="border-t border-gray-400 m-px" />
       <div className="p-2 text-sm">