CE-2098: Convert useCurrentlyActiveIocs hook

src/api/SwaggerApi.js

@@ -351,18 +351,27 @@ export function useNamingNames() {
   return useAsync({ fcn: method, call: false, init: [] });
 }
 
-export function unpackCurrentlyActiveIOCS(statistics) {
-  return { ...statistics };
+export function unpackGitReference(reference) {
+  return { ...reference };
+}
+
+export function unpackTagAndCommitIdList(tagList) {
+  return tagList.map((t) => unpackGitReference(t));
 }
 
-export function useCurrentlyActiveIOCs() {
+export function useTagsAndCommitIds(onError) {
   const api = useContext(apiContext);
   const method = useCallAndUnpack(
-    api.apis.Statistics.currentlyActiveIocs,
-    unpackCurrentlyActiveIOCS
+    (gitProjectId, reference, includeAllReference, searchMethod) =>
+      api.apis.Git.listTagsAndCommitIds({
+        project_id: gitProjectId,
+        reference: reference,
+        include_all_reference: includeAllReference,
+        search_method: searchMethod
+      }),
+    unpackTagAndCommitIdList
   );
-
-  return useAsync({ fcn: method, call: false });
+  return useAsync({ fcn: method, call: false, onError: onError, init: [] });
 }
 
 export function unpackActiveIOCHistory(statistics) {

src/components/statistics/ActiveIOCChart/ActiveIOCChart.js

-import React from "react";
-import { useCurrentlyActiveIOCs } from "../../../api/SwaggerApi";
+import React, { useContext } from "react";
 import { useEffect } from "react";
 import { LinearProgress, useTheme, Typography } from "@mui/material";
 import { circularPalette } from "../../common/Helper";
@@ -14,11 +13,18 @@ import {
   Cell,
   LabelList
 } from "recharts";
+import { apiContext } from "../../../api/DeployApi";
+import { useAPIMethod } from "@ess-ics/ce-ui-common";
 
 export default function ActiveIOCChart({ title }) {
-  const [activeIocs, getActiveIocs] = useCurrentlyActiveIOCs();
   const theme = useTheme();
   const GRAPH_THRESHOLD = 0.2;
+  const client = useContext(apiContext);
+
+  const { value: activeIocs, wrapper: getActiveIocs } = useAPIMethod({
+    fcn: client.apis.Statistics.currentlyActiveIocs,
+    call: false
+  });
 
   useEffect(() => {
     getActiveIocs();