diff options
author | Claire <claire.github-309c@sitedethib.com> | 2023-04-03 17:40:59 +0200 |
---|---|---|
committer | Claire <claire.github-309c@sitedethib.com> | 2023-04-03 17:40:59 +0200 |
commit | 4d5b4dacd655159189287e2bdf4501bdcab36981 (patch) | |
tree | 878cbf16609605672bc91c256f823f9cb6df1bf8 /app/javascript/hooks/useHovering.ts | |
parent | 8192b0da7cd1fac38a68eab6746fc7ec74328a77 (diff) | |
parent | 77bd32a26abbf8b49caf35dcdf170e312e48a277 (diff) |
Merge branch 'main' into glitch-soc/merge-upstream
Diffstat (limited to 'app/javascript/hooks/useHovering.ts')
-rw-r--r-- | app/javascript/hooks/useHovering.ts | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/app/javascript/hooks/useHovering.ts b/app/javascript/hooks/useHovering.ts new file mode 100644 index 000000000..2062e70d2 --- /dev/null +++ b/app/javascript/hooks/useHovering.ts @@ -0,0 +1,17 @@ +import { useCallback, useState } from 'react'; + +export const useHovering = (animate?: boolean) => { + const [hovering, setHovering] = useState<boolean>(animate ?? false); + + const handleMouseEnter = useCallback(() => { + if (animate) return; + setHovering(true); + }, [animate]); + + const handleMouseLeave = useCallback(() => { + if (animate) return; + setHovering(false); + }, [animate]); + + return { hovering, handleMouseEnter, handleMouseLeave }; +}; |