change ovserver for addresses

b9b8ee0d · tom · 9b410245 · b9b8ee0d
Commit b9b8ee0d authored Sep 09, 2022 by tom
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 3 deletions

AddressWithDots.tsx ui/shared/AddressWithDots.tsx +5 -3

No files found.
--- a/ui/shared/AddressWithDots.tsx
+++ b/ui/shared/AddressWithDots.tsx
@@ -78,10 +78,12 @@ const AddressWithDots = ({ address, fontWeight, truncated }: Props) => {

  useEffect(() => {
    if (!truncated) {
-      const resizeHandler = _debounce(calculateString, 50);
-      window.addEventListener('resize', resizeHandler);
+      const resizeHandler = _debounce(calculateString, 100);
+      const resizeObserver = new ResizeObserver(resizeHandler);
+
+      resizeObserver.observe(document.body);
      return function cleanup() {
-        window.removeEventListener('resize', resizeHandler);
+        resizeObserver.unobserve(document.body);
      };
    }
  }, [ calculateString, truncated ]);