1
0
mirror of https://github.com/mastodon/mastodon synced 2024-12-23 11:08:21 +09:00
mastodon/app/javascript/hooks/useHovering.ts

18 lines
461 B
TypeScript
Raw Normal View History

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 };
};