103 rucio next page

Fixed pagination in Rucio search results:

esap-general#103 (closed)

src/components/services/query_results/RucioResults.js

-import React, { useContext } from "react";
+import React, { useContext, useState, useEffect } from "react";
+import { GlobalContext } from "../../../contexts/GlobalContext";
 import { Table, Alert, Form } from "react-bootstrap";
+import axios from "axios";
 import { QueryContext } from "../../../contexts/QueryContext";
-// import { BasketContext } from "../../contexts/BasketContext";
 import LoadingSpinner from "../../LoadingSpinner";
 import Paginate from "../../Paginate";
 import AddToBasket from "../../basket/AddToBasketCheckBox";
@@ -30,11 +31,42 @@ function newPageCallback(setPage) {
 }
 
 export default function RucioResults({ catalog }) {
+
   const context = useContext(QueryContext);
-  // const basketContext = useContext(BasketContext);
-  const { queryMap, page, setPage } = context;
+  const { queryMap } = context;
+  const { api_host, accessToken, tokenExpiration, isAuthenticated } = useContext(GlobalContext);
+  const [page, setPage] = useState(queryMap.get(catalog).page);
 
-  // console.log(queryMap, page, context.queryMap.get(catalog).status);
+  useEffect(() => {
+    queryMap.set(catalog, {
+      catalog: "esap_rucio",
+      page: page,
+      esapquery: queryMap.get(catalog).esapquery + `&page=${page}`,
+    });
+    const url = api_host + "query/query/?" + queryMap.get(catalog).esapquery
+    axios
+      .get(url, {
+         withCredentials: true
+      })
+      .then((queryResponse) => {
+          queryMap.set(catalog, {
+          catalog: "esap_rucio",
+          page: page,
+          esapquery: queryMap.get(catalog).esapquery,
+          status: "fetched",
+          results: queryResponse.data,
+        });
+      })
+      .catch(() => {
+        queryMap.set(catalog, {
+          catalog: "esap_rucio",
+          page: page,
+          esapquery: queryMap.get(catalog).esapquery,
+          status: "errors where made",
+          results: null,
+        });
+      });
+  }, [page])
 
   if (!context.queryMap) return null;
   if (context.queryMap.get(catalog).status === "fetched") {