From ee3f8bcd638403458960522e0c7abc62d2fd0cab Mon Sep 17 00:00:00 2001
From: amitabhRazorpay <amitabh.baruah@razorpay.com>
Date: Tue, 10 Jan 2023 14:54:25 +0530
Subject: [PATCH] [statping-ui] : moved generateTooltipPosition to util

---
 .../src/components/GroupServiceFailures.jsx   | 21 +++++--------------
 react-frontend/src/utils/helper.js            | 14 +++++++++++++
 2 files changed, 19 insertions(+), 16 deletions(-)

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 <ServiceLoader text="Loading series.." />;
 
-  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 (
     <div name="fade" style={{ display: collapse ? "none" : "block" }}>
       <div className="block-chart">
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;
+};