From 47ed6004fc7d2df898622f0a2baf337f85c90ca8 Mon Sep 17 00:00:00 2001
From: StrikerOne65 <golamrabbani20014@gmail.com>
Date: Tue, 23 Nov 2021 00:16:26 +0530
Subject: [PATCH] Fixing pagination issue

---
 src/App.js                    | 25 +++++++++++++++----------
 src/components/Home/index.jsx |  6 +++---
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/App.js b/src/App.js
index 6057df9..ffb9178 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,18 +1,23 @@
-import React from "react";
-import Home from "./components/Home/index";
-import { Switch, Route } from "react-router-dom";
-import About from "./components/About";
-import Nav from "./components/Nav";
+import React, { useState } from 'react'
+import Home from './components/Home/index'
+import { Switch, Route } from 'react-router-dom'
+import About from './components/About'
+import Nav from './components/Nav'
 const App = () => {
+  const [pageNo, setPageNo] = useState(0)
   return (
     <>
       <Nav />
       <Switch>
-        <Route path="/" exact component={Home} />
-        <Route path="/info" exact component={About} />
+        <Route
+          path='/'
+          exact
+          render={() => <Home pageNo={pageNo} setPageNo={setPageNo} />}
+        />
+        <Route path='/info' exact component={About} />
       </Switch>
     </>
-  );
-};
+  )
+}
 
-export default App;
+export default App
diff --git a/src/components/Home/index.jsx b/src/components/Home/index.jsx
index d880032..3a1e5d2 100644
--- a/src/components/Home/index.jsx
+++ b/src/components/Home/index.jsx
@@ -2,11 +2,11 @@ import React, { useEffect, useState } from 'react'
 import { Link } from 'react-router-dom'
 import './Home.css'
 
-const Home = () => {
+const Home = ({ pageNo, setPageNo }) => {
   const [image, setImage] = useState([])
   const [dataFull, setDataFull] = useState([])
   const [searchString, setSearchString] = useState('')
-  const [pageNo, setPageNo] = useState(0)
+  // const [pageNo, setPageNo] = useState(0)
 
   const handleNext = () => {
     setPageNo((prev) => prev + 1)
@@ -106,7 +106,7 @@ const Home = () => {
               <span>
                 <p>{pageNo + 1}</p>
               </span>
-              <button disabled={pageNo === 6} onClick={handleNext}>
+              <button disabled={pageNo === 5} onClick={handleNext}>
                 Next
               </button>
             </div>