diff options
| author | Maze Winther <mazewinther@gmail.com> | 2026-03-27 00:55:15 +0100 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2026-03-29 15:56:48 +0200 |
| commit | 4d127a038bf768eded68aae3cfa5c1b12241bdac (patch) | |
| tree | 16bbb801caf6770546cff4fdb37b6408ec9ead98 /apps/web/src/hooks/use-resize-observer.ts | |
| parent | 82817cb50cb0487350573d6129130aec705f924b (diff) | |
| download | opencut-4d127a038bf768eded68aae3cfa5c1b12241bdac.tar.gz | |
chore: normalize line endings
Diffstat (limited to 'apps/web/src/hooks/use-resize-observer.ts')
| -rw-r--r-- | apps/web/src/hooks/use-resize-observer.ts | 52 |
1 files changed, 26 insertions, 26 deletions
diff --git a/apps/web/src/hooks/use-resize-observer.ts b/apps/web/src/hooks/use-resize-observer.ts index a4b3a603..8153b83a 100644 --- a/apps/web/src/hooks/use-resize-observer.ts +++ b/apps/web/src/hooks/use-resize-observer.ts @@ -1,26 +1,26 @@ -import { useEffect } from "react"; - -export function useResizeObserver({ - ref, - onResize, -}: { - ref: React.RefObject<HTMLElement | null>; - onResize: (entry: ResizeObserverEntry) => void; -}) { - useEffect(() => { - const element = ref.current; - if (!element) return; - - const observer = new ResizeObserver((entries) => { - for (const entry of entries) { - onResize(entry); - } - }); - - observer.observe(element); - - return () => { - observer.disconnect(); - }; - }, [ref, onResize]); -} +import { useEffect } from "react";
+
+export function useResizeObserver({
+ ref,
+ onResize,
+}: {
+ ref: React.RefObject<HTMLElement | null>;
+ onResize: (entry: ResizeObserverEntry) => void;
+}) {
+ useEffect(() => {
+ const element = ref.current;
+ if (!element) return;
+
+ const observer = new ResizeObserver((entries) => {
+ for (const entry of entries) {
+ onResize(entry);
+ }
+ });
+
+ observer.observe(element);
+
+ return () => {
+ observer.disconnect();
+ };
+ }, [ref, onResize]);
+}
|
