Dashboard stats via RTK Query.

src/components/Stats.tsx

@@ -22,11 +22,6 @@ export const Stats = (props: StatsProps) => {
   const { data: statisticsData, error, isLoading } = useGetStatsQuery();
   // TODO: This is to overcome a type inference problem with a RTKQ hook.
   const fetchError = error as FetchErrorData;
-  console.log("useGetStatsQuery response:", {
-    statisticsData,
-    fetchError,
-    isLoading,
-  });
 
   const summaryStatistics = statisticsData?.summaryStatistics;
   const targetLibraryData = statisticsData?.libraries?.find(

src/components/__tests__/LibraryStats-test.tsx

@@ -3,8 +3,7 @@ import { expect } from "chai";
 import * as React from "react";
 import { mount } from "enzyme";
 
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import ContextProvider from "../ContextProvider";
+import { componentWithProviders } from "../../../tests/jest/testUtils/withProviders";
 
 import LibraryStats from "../LibraryStats";
 import { BarChart } from "recharts";
@@ -18,18 +17,7 @@ import {
 
 import { normalizeStatistics } from "../../features/stats/normalizeStatistics";
 
-const AllProviders = ({ children }) => {
-  const queryClient = new QueryClient();
-  return (
-    <ContextProvider
-      csrfToken={""}
-      featureFlags={{}}
-      email={"[email protected]"}
-    >
-      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-    </ContextProvider>
-  );
-};
+const AllProviders = componentWithProviders();
 
 describe("LibraryStats", () => {
   // Convert from the API format to our in-app format.

src/features/stats/statsSlice.ts

@@ -3,7 +3,7 @@ import { StatisticsData } from "../../interfaces";
 import { normalizeStatistics } from "./normalizeStatistics";
 import { FetchErrorData } from "@thepalaceproject/web-opds-client/lib/interfaces";
 
-const STATS_API_ENDPOINT = "/version.json";
+export const STATS_API_ENDPOINT = "/admin/stats";
 
 export const statsApi = api.injectEndpoints({
   endpoints: (builder) => ({
@@ -15,7 +15,6 @@ export const statsApi = api.injectEndpoints({
         responseBody,
         { request, response }
       ): FetchErrorData => {
-        console.log("Error transform:", responseBody, { request, response });
         return {
           url: request.url,
           status: response.status,

src/hooks.ts

@@ -0,0 +1,5 @@
+import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
+import { AppDispatch, RootState } from "./store";
+
+export const useAppDispatch = () => useDispatch<AppDispatch>();
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;

tests/__data__/statisticsApiResponseData.ts

@@ -1,6 +1,7 @@
 import { StatisticsData } from "../../src/interfaces";
 
 export const testLibraryKey = "lyrasis-reads";
+export const testLibraryName = "LYRASIS Reads";
 export const noCollectionsLibraryKey = "unfunded-library";
 export const noInventoryLibraryKey = "unfunded-library";
 export const noPatronsLibraryKey = "unused-library";