079fa6bade
Port b57687083f4af178f2e2f43665eb4e49d32a50c2 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
23 lines
609 B
TypeScript
23 lines
609 B
TypeScript
import { useHovering } from 'flavours/glitch/hooks/useHovering';
|
|
import { autoPlayGif } from 'flavours/glitch/initial_state';
|
|
|
|
export const GIF: React.FC<{
|
|
src: string;
|
|
staticSrc: string;
|
|
className: string;
|
|
animate?: boolean;
|
|
}> = ({ src, staticSrc, className, animate = autoPlayGif }) => {
|
|
const { hovering, handleMouseEnter, handleMouseLeave } = useHovering(animate);
|
|
|
|
return (
|
|
<img
|
|
className={className}
|
|
src={hovering || animate ? src : staticSrc}
|
|
alt=''
|
|
role='presentation'
|
|
onMouseEnter={handleMouseEnter}
|
|
onMouseLeave={handleMouseLeave}
|
|
/>
|
|
);
|
|
};
|