Files
spacedrive/interface/hooks/useIsTextTruncated.ts
nikec 6bb8eefc4d [ENG-807] List view improvements (#1065)
* Switch from window resize to ref resize

* Prevent dragging changing the cursor style

* List view improvements

* Update layout context

* Update useIsTextTruncated hook

---------

Co-authored-by: Jamie Pine <32987599+jamiepine@users.noreply.github.com>
2023-07-03 07:12:13 +00:00

12 lines
411 B
TypeScript

import { RefObject, useMemo } from 'react';
import useResizeObserver from 'use-resize-observer';
export const useIsTextTruncated = (element: RefObject<HTMLElement>, text: string | null) => {
const { width } = useResizeObserver({ ref: element });
return useMemo(() => {
if (!element.current) return false;
return element.current.scrollWidth > element.current.clientWidth;
}, [element, width, text]);
};