Merge branch 'main' into mvp-questionnaire

pages/mentors.tsx

@@ -11,7 +11,7 @@ import {
   Results,
   SearchBox,
   Sorting,
-  WithSearch,
+  WithSearch
 } from "@elastic/react-search-ui";
 import { FilterType, SortDirection } from "@elastic/search-ui";
 
@@ -45,32 +45,6 @@ export const getStaticPaths: GetStaticPaths = async () => {
   };
 };
 
-import type { GetStaticProps, GetStaticPaths } from "next";
-import { useRouter } from "next/router";
-
-import ClearFacets from "../../components/ResetButton";
-import PersonalisationModal from "../../components/PersonalisationModal";
-
-// This also gets called at build time
-export const getStaticProps: GetStaticProps = async (context) => {
-  // params contains the mentors page `id`.
-  // If the route is like /mentors/1, then params.id is 1
-  const tabID = context.params?.id;
-
-  // Pass post data to the page via props
-  return { props: {} };
-};
-
-// This function gets called at build time
-export const getStaticPaths: GetStaticPaths = async () => {
-  const pathWithParams = [{ params: { id: "0" } }, { params: { id: "1" } }];
-
-  return {
-    paths: pathWithParams,
-    fallback: false,
-  };
-};
-
 const App = () => {
   const WAVE = { waveId: 5, waveName: "Wave 2023" };
 
@@ -94,6 +68,7 @@ const App = () => {
       },
     },
     initialState: {
+      resultsPerPage: 80,
       sort: [{ field: "", direction: "asc" as SortDirection }],
     },
     searchQuery: {
@@ -173,7 +148,7 @@ const App = () => {
                 <React.Fragment>
                   {<PagingInfo />}
                   <div className="search-config">
-                    <ResultsPerPage />
+                    <ResultsPerPage options={[20, 40, 80]} />
                   </div>
                 </React.Fragment>
               }