fixed sorting issue with listing core members on the about page

app/src/components/search/CoreFilter.js

@@ -8,7 +8,7 @@ const CoreFilter = ({ addFilter, removeFilter, setSort }) => {
     // Clear previous filters for user_id field
     removeFilter("user_id.keyword");
     addFilter("user_id.keyword", core_ids, "any");
-    setSort("user_id.last_name");
+    setSort([{ field: "last_name.keyword", direction: "asc" }]); // Has to be an array or it won't work
   });
 
   return <div></div>;

app/src/pages/about.js

@@ -362,15 +362,10 @@ const coreConfig = {
       image: { raw: {} },
       date: { raw: {} },
     },
-    disjunctiveFacets: [
-      "user_id.keyword",
-      "last_name.keyword",
-      "first_name.keyword",
-    ],
+    // Both are needed to filter on user_id
+    disjunctiveFacets: ["user_id.keyword"],
     facets: {
       "user_id.keyword": { type: "value", size: 30, sort: "count" },
-      "last_name.keyword": { type: "value", size: 30, sort: "count" },
-      "first_name.keyword": { type: "value", size: 30, sort: "count" },
     },
   },
 };
@@ -381,7 +376,9 @@ function About() {
   if (process.env.NODE_ENV === "development") {
     i18n.reloadResources();
   }
-
+  // We're rendering the list of core members using Search UI.
+  // This requires a SearchProvider, but we don't want to show search options.
+  // The CoreFilter component applies the needed search options on loading.
   return (
     <Wrapper>
       <Helmet title={t("about.helmet")} />
@@ -426,10 +423,7 @@ function About() {
               </Typography>
               <Typography sx={{ pb: 5 }}>{t("about.core_text")}</Typography>
               <Grid container>
-                <SearchProvider
-                  config={coreConfig}
-                  onSearch={(state) => console.log(state)}
-                >
+                <SearchProvider config={coreConfig}>
                   <CoreFilter />
                   <ResultsWrapper>
                     <Results

app/src/pages/api/search.js

@@ -14,7 +14,7 @@ export default async function handler(req, res) {
   }
 
   //This runs server-side, so the output appears in the terminal
-  console.log("OnSearch", indexName, requestState, queryConfig);
+  //console.log("OnSearch", indexName, requestState, queryConfig);
   const response = await connectorsCache[indexName].onSearch(
     requestState,
     queryConfig,

app/src/services/SearchAPIConnector.js

@@ -24,7 +24,7 @@ class SearchAPIConnector {
         queryConfig,
       }),
     };
-    console.log(request.body);
+    //console.log(request.body);
     const response = await fetch("/api/search", request);
     return response.json();
   }
@@ -41,7 +41,7 @@ class SearchAPIConnector {
         queryConfig,
       }),
     };
-    console.log(request.body);
+    //console.log(request.body);
     const response = await fetch("/api/autocomplete", request);
     return response.json();
   }