diff --git a/react-frontend/src/components/GroupServiceFailures.jsx b/react-frontend/src/components/GroupServiceFailures.jsx
index 0ab46a59..78875e87 100644
--- a/react-frontend/src/components/GroupServiceFailures.jsx
+++ b/react-frontend/src/components/GroupServiceFailures.jsx
@@ -6,7 +6,11 @@ import API from "../config/API";
import ServiceLoader from "./ServiceLoader";
import ReactTooltip from "react-tooltip";
import { STATUS_CLASS } from "../utils/constants";
-import { calcPer, isObjectEmpty } from "../utils/helper";
+import {
+ calcPer,
+ generateTooltipPosition,
+ isObjectEmpty,
+} from "../utils/helper";
import { errorToastConfig } from "../utils/toast";
const STATUS_TEXT = {
@@ -132,21 +136,6 @@ const GroupServiceFailures = ({ group = null, service, collapse }) => {
if (loaded) return ;
- const generateTooltipPosition = (...args) => {
- const position = args?.[0]; //tooltip default position
- const place = args?.[4]; // tooltip placement
- const offset = 6;
-
- if (place === "left" || place === "right") {
- return {
- top: position.top,
- left:
- place === "left" ? position.left + offset : position.left - offset,
- };
- }
- return position;
- };
-
return (
diff --git a/react-frontend/src/utils/helper.js b/react-frontend/src/utils/helper.js
index 59e91d25..ae5290e0 100644
--- a/react-frontend/src/utils/helper.js
+++ b/react-frontend/src/utils/helper.js
@@ -90,3 +90,17 @@ export const generateUUID = (length) => {
Math.floor(Math.random() * 36).toString(36)
).join("");
};
+
+export const generateTooltipPosition = (...args) => {
+ const position = args?.[0]; //tooltip default position
+ const place = args?.[4]; // tooltip placement
+ const offset = 6;
+
+ if (place === "left" || place === "right") {
+ return {
+ top: position.top,
+ left: place === "left" ? position.left + offset : position.left - offset,
+ };
+ }
+ return position;
+};