~cytrogen/masto-fe

ref: 2126812f65aafe5d89e64e9fc324186bb9c8dc14 masto-fe/app/javascript/hooks/useHovering.ts -rw-r--r-- 461 bytes
2126812f — Claire Merge commit 'd9c21293aa6e105cedeff6b5e469af40a20909d9' into glitch-soc/merge-upstream 2 years ago 
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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 };
};