fix(FOROME-1236): change hasTooltip flag (#753)

* fix(FOROME-1236): change hasTooltip flag

* fix(FOROME-1236): change hasTooltip flag

* fix(FOROME-1236): remove magic number

src/pages/main/components/sidebar/datasets-list/components/dataset-name.tsx

@@ -1,4 +1,4 @@
-import { FC, useRef } from 'react'
+import { FC, useEffect, useRef, useState } from 'react'
 import cn, { Argument } from 'classnames'
 import Tooltip from 'rc-tooltip'
 
@@ -28,10 +28,16 @@ export const DatasetName: FC<IDsNameProps> = ({
 
   const name = isXL && /^xl_.*/i.test(dsName) ? dsName.substring(3) : dsName
 
-  const { x = 0, width = 0 } =
-    datasetRef?.current?.getBoundingClientRect() || {}
+  const [hasTooltip, setHasTooltip] = useState<boolean>(false)
 
-  const hasTooltip = width + x > 230
+  useEffect(() => {
+    const container = datasetRef?.current
+    const isTooltipNeeded = container
+      ? container.clientWidth < container.scrollWidth
+      : false
+
+    setHasTooltip(isTooltipNeeded)
+  }, [])
 
   const fontColor = kind === null ? 'text-grey-blue' : 'text-white'
   const fontWeight = isXL