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; +};