remove auto page

search-engine/src/component/search.js

@@ -9,7 +9,7 @@ import TextArea from 'devextreme-react/text-area';
 
 const PAGE_SIZE = 25
 
-function search(query, startIdx=0, endIdx=PAGE_SIZE+1) {
+function search(query, startIdx=0, endIdx=PAGE_SIZE) {
     const config = {
         method: 'get',
         url: '/api/search?q=' + query + "&startIdx=" + startIdx + "&endIdx=" + endIdx
@@ -37,11 +37,7 @@ let TextView = function (e) {
 let SearchEngine = function () {
 
     const [queryResult, setQueryResult] = useState([]);
-    const [query, setQuery] = useState("");
     const [isLoading, setIsLoading] = useState(false);
-    const [prevPage, setPrevPage] = useState(0);
-    const [maxPage, setMaxPage] = useState(0);
-    const [submitted, setSubmitted] = useState(false)
 
 
     const parseESData = (data) => {
@@ -67,15 +63,10 @@ let SearchEngine = function () {
     const handleSubmit = (e) => {
         e.preventDefault();
         setIsLoading(true)
-        setMaxPage(0)
-        setPrevPage(0)
-        console.log(e)
-        setSubmitted(true)
-        //e.component.pageIndex(0)
+
         let query = e.target[0].value
         search(query).then((res) => {
             let parsedRes = parseESData(res.data)
-            setQuery(query)
             setQueryResult(parsedRes)
             setIsLoading(false)
         }).catch((error) => {
@@ -84,32 +75,6 @@ let SearchEngine = function () {
         })
     }
 
-    const handlePageChange = (e) => {
-        
-        if (submitted) {
-            e.component.pageIndex(0)
-            setSubmitted(false)
-        }
-        let curPage = e.component.pageIndex()
-
-        if (curPage < prevPage){
-            setPrevPage(curPage)
-            return
-        } else if (curPage > prevPage && curPage > maxPage){
-            setIsLoading(true)
-            search(query, curPage*PAGE_SIZE+1, ((curPage+1)*PAGE_SIZE)+1).then((res) => {
-                let parsedRes = parseESData(res.data)
-                setQueryResult(queryResult.concat(parsedRes))
-                setIsLoading(false)
-                setMaxPage(curPage)
-            }).catch((error) => {
-                console.log(error)
-                setIsLoading(false)
-            })
-            setPrevPage(curPage)
-        }
-    }
-
     return (
         <div className="dx-fieldset">
         <div>
@@ -138,7 +103,6 @@ let SearchEngine = function () {
                 keyExpr="id"
                 showBorders={false}
                 allowColumnResizing={true}
-                onContentReady={handlePageChange}
             >
             <MasterDetail
                 enabled={true}