applications/drive/src/app/components/FolderTree/FloatingEllipsis.tsx

   1 import React, { useEffect, useRef } from 'react';
   2
   3 import { useFloatingEllipsisEventBasedUpdater } from './hooks';
   4
   5 const FloatingEllipsis = ({ visibilityControlRef }: { visibilityControlRef: React.RefObject<HTMLDivElement> }) => {
   6     const elem = useRef<HTMLDivElement>(null);
   7
   8     const updateVisibility = useFloatingEllipsisEventBasedUpdater({
   9         visibilityControlRef,
  10         elem,
  11     });
  12     useEffect(() => {
  13         updateVisibility();
  14     }, []);
  15
  16     return <div className="floating-ellipsis floating-ellipsis-hidden" ref={elem}></div>;
  17 };
  18
  19 export default FloatingEllipsis;