fix pagination

Ignaherrero · Apr 9, 2022 · 7e3037e · 7e3037e · vercel · Apr 9, 2022
1 parent a6e26ef
commit 7e3037e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/components/pagination/index.jsx b/components/pagination/index.jsx
@@ -8,8 +8,7 @@ const statusFetch = {
   notfound: "notfound",
 };
 
-export default function Pagination({ articles, getValues, setArticles }) {
-  const [page, setPage] = useState(1);
+export default function Pagination({ articles, getValues, setArticles, page, setPage }) {
 
   useEffect(() => {
     const getOtherPage = async () => {

diff --git a/components/search/index.jsx b/components/search/index.jsx
@@ -6,7 +6,7 @@ const statusFetch = {
   notfound: "notfound",
 };
 
-export default function Search({ setArticles, articles, handleSubmit, register }) {
+export default function Search({ setArticles, articles, handleSubmit, register, setPage }) {
   const onSubmit = async (dataForm) => {
     setArticles({ data: [], found: statusFetch.pending });
     try {
@@ -25,7 +25,7 @@ export default function Search({ setArticles, articles, handleSubmit, register }
         data = await response.json();
         setArticles({ ...data, found: statusFetch.notFound });
       }
-      // setPage(1);
+      setPage(1);
     } catch (err) {
       console.log(err);
     }

diff --git a/pages/index.jsx b/pages/index.jsx
@@ -18,7 +18,7 @@ export default function Home() {
     data: [],
     found: statusFetch.idle,
   });
-
+  const [page, setPage] = useState(1);
   const {
     register,
     handleSubmit,
@@ -35,14 +35,16 @@ export default function Home() {
         <meta name="description" content="contenido saludable" />
       </Head>
 
-      <Search articles={articles} setArticles={setArticles} handleSubmit={handleSubmit} register={register}/>
+      <Search articles={articles} setArticles={setArticles} handleSubmit={handleSubmit} register={register} setPage={setPage}/>
 
       <Card articles={articles} />
 
       <Pagination
         articles={articles}
         getValues={getValues}
         setArticles={setArticles}
+        page={page}
+        setPage={setPage}
       />
     </>
   );