From 9cf530b032f81476796db71121cb4e8d182d2bc0 Mon Sep 17 00:00:00 2001
From: Daniel Martinez <danielmartinezdm@hotmail.com>
Date: Sun, 6 Sep 2020 20:47:14 -0500
Subject: [PATCH] Mejor usar metodos para handleClick de paginacion

---
 src/components/Products/ProductsList.jsx | 27 ++++++++++--------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/components/Products/ProductsList.jsx b/src/components/Products/ProductsList.jsx
index 35fe6b3..d9740d9 100644
--- a/src/components/Products/ProductsList.jsx
+++ b/src/components/Products/ProductsList.jsx
@@ -13,6 +13,15 @@ const ProductsList = () => {
 
   const { next, prev, currentData } = usePagination(products, 16);
 
+  const onPrev = () => {
+    prev();
+    window.scrollTo(0, 0);
+  };
+  const onNext = () => {
+    next();
+    window.scrollTo(0, 0);
+  };
+
   if (products.length > 0) {
     return (
       <>
@@ -26,22 +35,8 @@ const ProductsList = () => {
         <div className="container-pagination">
           <div className="pagination">
             <ul>
-              <button
-                onClick={() => {
-                  prev();
-                  window.scrollTo(0, 0);
-                }}
-              >
-                Previous
-              </button>
-              <button
-                onClick={() => {
-                  next();
-                  window.scrollTo(0, 0);
-                }}
-              >
-                Next
-              </button>
+              <button onClick={onPrev}>Previous</button>
+              <button onClick={onNext}>Next</button>
             </ul>
           </div>
         </div>